Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Unmind embraces a warm, optimistic aesthetic with a sophisticated cream-to-yellow gradient backdrop that conveys hope and healing. The elegant serif headlines paired with clean Inter body text create a balance between emotional warmth and professional credibility, positioning mental health as both approachable and serious.

Signature Color
Therapeutic Yellow
#F7E98E
optimism and mental wellness - countering the clinical coldness often associated with healthcare
The distinctive warm gradient background from cream to yellow, combined with elegant serif typography for headlines and authentic lifestyle photography showcasing real workplace scenarios
Rounded, approachable buttons with substantial padding and clean edges. Cards feature subtle rounded corners with soft shadows, creating a welcoming rather than clinical feel. Everything feels touchable and human-centered.
Generous breathing room with large section padding that creates a sense of calm. The hero section uses expansive whitespace to let the message breathe, while component clusters maintain intimate 16-24px gaps.
HR leaders and wellness managers at mid-to-large companies who want to address workplace mental health with both empathy and measurable business outcomes
Design descriptions are AI-generated based on visual analysis and may not fully reflect the brand's official design guidelines.
| Element | Font | Size | Weight | Line Height |
|---|---|---|---|---|
| body | 18px | 400 | 27px | |
| h1 | 76.795px | 400 | 92.154px | |
| h2 | 20px | 450 | 30px | |
| h3 | 40px | 600 | 49.6px | |
| h5 | 24px | 600 | 31.2px | |
| p | 20px | 450 | 30px | |
| a | 18px | 400 | 27px | |
| button | 18px | 400 | 27px | |
| input | 18px | 400 | 27px | |
| nav | 18px | 400 | 27px |
#007aff#3b82f6#ffffff