Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Rare Beauty
BeautyRare Beauty channels intimacy through warm, muted tones and editorial photography that captures unguarded moments of joy and connection. The Ogg serif headlines contrast beautifully with clean Neue Hass Unica body text, creating a sophisticated yet approachable beauty brand that feels more like a lifestyle publication than traditional cosmetics marketing.
Design Identity
Signature Color
Warm Nude
#D4B5A0
Inclusive beauty that celebrates natural skin tones and authentic self-expression
Visual Identity
Candid, sun-drenched photography featuring genuine emotional moments between people, with subjects caught in natural laughter and touch - feels more like documentary photography than staged beauty shots
Component Style
Minimal, borderless components with subtle rounded corners and generous whitespace. Navigation and buttons feel weightless with clean typography and no heavy visual treatments - everything breathes with editorial sophistication
Spacing Philosophy
Expansive breathing room with large hero sections that let photography dominate. The layout prioritizes visual storytelling over dense information, creating gallery-like pacing that feels luxurious and unhurried
Design Principles
- Headlines use Ogg serif at 48px for editorial elegance
- Body text stays at 16px Neue Hass Unica for readability
- Photography always shows authentic human connection
- Warm, muted color palette avoids high contrast
- Minimal UI elements never compete with imagery
Target Audience
Millennial and Gen-Z consumers who value authenticity over perfection, seeking beauty brands that celebrate diversity and real human connection rather than unattainable standards
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 | 18.4px | |
| h1 | 48px | 400 | 53px | |
| h2 | 15px | 400 | 24px | |
| h3 | 48px | 400 | 53px | |
| h4 | 12px | 500 | 20.04px | |
| p | 12px | 400 | 22px | |
| a | 16px | 400 | 18.4px | |
| button | 16px | 400 | 18.4px | |
| input | 30px | 400 | 46px | |
| nav | 16px | 400 | 18.4px |
Color Palette
No colors extracted
