Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Zara
FashionZara embodies a stark, editorial minimalism that feels almost brutalist in its rejection of digital ornamentation. The monochromatic palette creates a gallery-like atmosphere where fashion becomes art, while the ultra-light typography whispers rather than shouts, letting the product imagery command absolute attention.
Design Identity
Signature Color
Editorial Black
#000000
Uncompromising luxury and editorial sophistication - the color of high fashion magazines and gallery walls
Visual Identity
Extreme minimalism bordering on brutalism - vast white spaces punctuated by stark black elements, with typography so light it's almost imperceptible, creating a museum-like reverence for the product
Component Style
Razor-sharp zero-radius corners with hairline borders, ultra-light typography that barely registers visually, creating components that feel more like editorial layout elements than traditional UI
Spacing Philosophy
Generous breathing room that mimics high-end magazine layouts, with wide margins and sparse density that makes every element feel precious and considered
Design Principles
- Border radius always 0px - no softness allowed
- Typography weight never exceeds 400 - lightness creates luxury
- Font sizes clustered around 13-16px - subtle hierarchy
- Color palette dominated by black/white/gray - product is the color
- Line heights kept tight at 16px - compact elegance
Target Audience
Fashion-forward urbanites who view shopping as cultural curation and expect digital experiences to match the sophistication of flagship stores
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 | 16px | |
| h1 | 15px | 300 | 24px | |
| a | 13px | 300 | 16px | |
| button | 13px | 300 | 16px | |
| input | 13px | 400 | 16.003px | |
| header | 13px | 300 | 16.003px | |
| main | 13px | 300 | 16.003px | |
| body | 16px | 400 | normal | |
| h1 | 32px | 700 | normal | |
| p | 16px | 400 | normal |
Color Palette
#b400aa#006400#000000#e5e5e5#ffffff#333333#757575#262626#cccccc#999999#34c759#0170e9
