Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Oscar Health
HealthcareOscar Health creates an editorial healthcare brand that feels more like a premium lifestyle magazine than traditional insurance. The vibrant purple hero section paired with serif headlines and warm lifestyle photography communicates approachable sophistication and human-centered care.
Design Identity
Signature Color
Oscar Purple
#6B46F7
healthcare innovation with humanity - trustworthy yet approachable medical technology
Visual Identity
Distinctive serif headlines (Heldane Display) combined with vibrant purple backgrounds and authentic lifestyle photography featuring real moments rather than stock medical imagery
Component Style
Soft rounded buttons with generous padding and clean sans-serif text. Components feel approachable and friendly rather than clinical - more lifestyle brand than medical institution
Spacing Philosophy
Generous whitespace around hero content with asymmetrical layout that breaks traditional insurance industry grids. Creates breathing room that feels calm and unrushed
Design Principles
- Serif headlines at 54px+ for editorial feel
- Purple hero sections as primary brand moment
- Rounded corners never exceed 24px for friendly approachability
- Lifestyle photography over clinical imagery
- Sans-serif UI text keeps interfaces accessible
Target Audience
Health-conscious millennials and Gen Z who expect digital-first experiences and want their insurance to feel more like a trusted wellness partner than a corporate necessity
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 | 10px | 400 | 10px | |
| h1 | 72px | 400 | 70px | |
| h2 | 54px | 400 | 60px | |
| h3 | 28px | 400 | 32px | |
| p | 54px | 400 | 60px | |
| a | 10px | 400 | 10px | |
| button | 10px | 400 | 10px | |
| nav | 10px | 400 | 10px | |
| header | 10px | 400 | 10px | |
| footer | 10px | 400 | 10px |
Color Palette
No colors extracted
