23 lines
995 B
Markdown
23 lines
995 B
Markdown
---
|
|
# The "Solace" Design System
|
|
This is a comprehensive design language for a mindfulness and wellness application.
|
|
|
|
## 🎨 Color Palette
|
|
- **Primary**: Deep Ocean Blue (#1a365d) - for critical navigation and CTAs.
|
|
- **Secondary**: Calm Slate (#718096) - for subtexts and secondary buttons.
|
|
- **Background**: Soft Mist (#f7fafc) - for main page content.
|
|
- **Accent**: Serene Emerald (#38a169) - for positive feedback and completion states.
|
|
|
|
## 🔡 Typography
|
|
- **Heading**: Montserrat, Bold - for titles and hero section headlines.
|
|
- **Body**: Inter, Regular - for descriptions and general content.
|
|
- **Size**: 16px as base, 48px for H1.
|
|
|
|
## 📐 Components
|
|
- **Buttons**: Rounded (12px), subtle hover shadow (4px blur).
|
|
- **Cards**: Minimal border (1px, #e2e8f0), soft shadow (8px elevation).
|
|
- **Navigation**: Clean, top-aligned, centered menu items.
|
|
|
|
---
|
|
💡 **Tip**: When calling `generate_screen_from_text`, include the tokens above to ensure the new screen matches this design system.
|