Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Hims & Hers
HealthcareHims & Hers employs a warm, approachable aesthetic built on golden-hour tones and Sofia Pro's gentle curves. The design radiates intimacy and accessibility, making healthcare feel personal rather than clinical through earth-toned gradients and conversational hierarchy.
Design Identity
Signature Color
Golden Hour Tan
#D4A574
Warm accessibility - healthcare that feels human and approachable rather than sterile
Visual Identity
Warm gradient overlays that transition from golden tans to deeper browns, creating an intimate, sunset-like atmosphere that makes medical care feel approachable and personal.
Component Style
Softly rounded cards with generous corner radius and subtle gradients. Buttons appear pill-shaped with warm fills. Everything feels gentle and touchable - no harsh edges or clinical whites.
Spacing Philosophy
Breathing room that feels conversational rather than corporate. Large hero sections with intimate product moments, creating space for personal connection while maintaining scannable hierarchy.
Design Principles
- Typography uses Sofia Pro exclusively for consistent warmth
- All major elements use gradient overlays in warm tones
- Corner radius favors soft, approachable curves over sharp edges
- Headers use lighter font weights (400) for accessibility over authority
- Color palette stays within earth tone family for cohesive intimacy
Target Audience
Health-conscious millennials and Gen Z who want medical care that feels like lifestyle wellness rather than traditional healthcare
Mood
Design descriptions are AI-generated based on visual analysis and may not fully reflect the brand's official design guidelines.
Design System
Typography Scale
| Element | Font | Size | Weight | Line Height |
|---|---|---|---|---|
| body | 16px | 400 | 22.4px | |
| h1 | 57px | 400 | 57px | |
| h2 | 62px | 400 | 69.75px | |
| h3 | 20px | 500 | 18.2px | |
| h4 | 29px | 500 | 32.625px | |
| p | 16px | 400 | 20.8px | |
| a | 16px | 400 | 22.4px | |
| button | 12px | 500 | 12px | |
| input | 20px | 400 | 23px | |
| nav | 16px | 400 | 22.4px |
Color Palette
No colors extracted
