Style Description
Global coffee retail brand. Four-tier green system
Tags
StarbucksE-commerce
Prompt Template
Base Template
Design a Starbucks-inspired interface. - Four-tier green brand system (Starbucks / Accent / House / Uplift) each mapped to a distinct surface role — not a single "brand green"; - Gold reserved for Rewards-status moments only; never a general-purpose accent; - Warm-neutral canvas (#f2f0eb / #edebe9) instead of cold white — references café materials; - Custom proprietary typeface (SoDoSans) with tight -0.16px letter-spacing as the universal voice; - Context-specific type switches: serif (Lander Tall) for Rewards, script (Kalam) for Careers cup-names. Colors: #006241, #00754A, #1E3932, #2b5148 with #006241 accent. Typography: for Rewards utility zones and hero bands..
Variant Prompts
📱 Mobile
Design a mobile app with Starbucks aesthetics. Use Starbucks color identity with #006241 accents. Clean, touch-friendly, native feel.
💻 Web
Design a web application with Starbucks style. Use Starbucks color identity with #006241 accents. Professional, responsive layout.
📊 Dashboard
Design a dashboard with Starbucks design language. Use Starbucks color identity with #006241 accents. Data-rich, organized, clear hierarchy.
📄 Landing Page
Design a landing page with Starbucks visual identity. Use Starbucks color identity with #006241 accents. Compelling, conversion-focused.
Usage Examples
Starbucks App
Web AppBuild a web app with Starbucks design language and #006241 color system.
Starbucks Dashboard
DashboardCreate a dashboard using Starbucks style with data visualization and for Rewards utility zones and hero bands. typography.
✅ Best For
- E-commerce
- Brand-consistent interfaces
- Modern web applications
✅ Avoid For
- Unrelated design aesthetics
- Different brand guidelines