Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Saint Laurent
LuxurySaint Laurent's digital presence exudes Parisian haute couture rebellion through stark monochromatic contrasts and whisper-thin Helvetica typography. The aesthetic marries underground rock culture with luxury fashion house sophistication, creating an atmosphere of nocturnal elegance and rebellious refinement.
Design Identity
Signature Color
Saint Laurent Noir
#1a1a1a
Parisian underground luxury - the darkness of velvet curtains in exclusive nightclubs mixed with the sophistication of French fashion ateliers
Visual Identity
Razor-thin 12px Helvetica typography paired with dramatic full-bleed photography and severe black-white contrasts that feel like fashion editorial spreads come to life
Component Style
Ultra-minimal components with invisible styling - buttons and links blend seamlessly into content through typography alone, no visible borders or backgrounds, creating an editorial magazine feel where interaction is discovered rather than announced
Spacing Philosophy
Breathing room that mirrors high-fashion runway spacing - generous whitespace around hero imagery with tight, editorial-style text groupings that create rhythm like a luxury magazine layout
Design Principles
- Typography never exceeds 12px - whisper-quiet elegance
- Only Helvetica family fonts - Swiss precision meets French luxury
- Pure monochromatic palette - black, white, and grays only
- Full-bleed imagery with dramatic lighting and shadows
- Invisible UI - interactions blend into content seamlessly
Target Audience
Fashion-forward millennials and Gen-Z with sophisticated taste who view luxury as an attitude rather than ostentation - those who prefer underground culture references over obvious status symbols
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 | 12px | 400 | 12px | |
| h2 | 12px | 700 | 16px | |
| h3 | 12px | 400 | 16px | |
| p | 12px | 400 | 12px | |
| a | 12px | 700 | 16px | |
| button | 12px | 400 | 16px | |
| nav | 12px | 400 | 12px | |
| header | 12px | 400 | 12px | |
| footer | 12px | 400 | 12px | |
| main | 12px | 400 | 12px |
Color Palette
#007aff#ffffff#f2f2f2#f5f5f7#f8f7f5#999999#666666#b32519#cccccc#000000#e6e6e6#333333
