Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Everlane
FashionEverlane embodies editorial minimalism with cinematic drama through its signature dark olive-green overlays and whisper-light typography. The brand uses atmospheric photography as a canvas for sparse, contemplative text that feels like reading a thoughtful magazine rather than shopping online.
Design Identity
Signature Color
Everlane Slate
#3f5260
sustainable sophistication and thoughtful consumption
Visual Identity
Massive atmospheric photography with subtle dark overlays and minimal white text floating in dramatic negative space - creating an editorial magazine aesthetic rather than traditional e-commerce.
Component Style
Nearly invisible components that dissolve into the photography - zero border radius, no shadows, minimal contrast borders. Everything feels like it's printed directly onto the image rather than layered on top.
Spacing Philosophy
Extreme restraint with vast photographic canvases and tiny islands of text. Generous 32px+ gaps between sections create breathing room, while text elements cluster together with minimal 8-12px spacing.
Design Principles
- Border radius stays at 0px for sharp, editorial edges
- Typography uses single weight (400) across all elements for consistency
- Maison Neue Book exclusively except for form elements
- Shadows are completely eliminated (0.0 opacity)
- Text overlays use dark slate (#3f5260) for photographic integration
Target Audience
Conscious consumers aged 25-40 who value transparency over trends and prioritize ethical fashion choices over fast fashion impulses
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 | 28.8px | |
| h1 | 32px | 400 | 0px | |
| h2 | 20px | 400 | 24px | |
| h4 | 10px | 400 | 16px | |
| p | 12px | 400 | 15.6px | |
| a | 15px | 400 | 18px | |
| button | 13.3333px | 400 | normal | |
| input | 13.3333px | 400 | normal | |
| nav | 16px | 400 | 28.8px | |
| header | 16px | 400 | 28.8px |
Color Palette
#ffffff#3f5260#41a1e6#000000
