Cafe is the cozy coffeehouse interface style: warm beige grounds (#E9E3DD) under deep brown text (#5D4432), soft rounded typography, and relaxed spacing — like holding a warm cup. The palette brews from latte and caramel tones with a touch of green for freshness. Made for restaurants, lifestyle brands, and warm community products.
MinimalCreative
Prompt Template
Base Template
Design a Cafe-inspired interface. Colors: #E9E3DD, #16A34A, #D97706, #DC2626 with #16A34A accent. Typography: #5D4432.
Variant Prompts
📱 Mobile
Design a mobile app with Cafe aesthetics. Use Cafe color identity with #16A34A accents. Clean, touch-friendly, native feel.
💻 Web
Design a web application with Cafe style. Use Cafe color identity with #16A34A accents. Professional, responsive layout.
📊 Dashboard
Design a dashboard with Cafe design language. Use Cafe color identity with #16A34A accents. Data-rich, organized, clear hierarchy.
📄 Landing Page
Design a landing page with Cafe visual identity. Use Cafe color identity with #16A34A accents. Compelling, conversion-focused.
Usage Examples
Cafe App
WebBuild a web app with Cafe design language and #16A34A color system.
Cafe Dashboard
DashboardCreate a dashboard using Cafe style with data visualization and #5D4432 typography.
✅ Best For
- Creative
- Cafe and lifestyle brands
- Warm community products
❌ Avoid For
- Solemn tech back offices
- High-contrast esports UIs
DESIGN.md File
A design system description in the open design.md format. Copy or download it and hand it to AI coding tools.