Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Farfetch
FashionFarfetch embodies sophisticated luxury minimalism through their custom Farfetch Basis typeface and monochromatic palette, creating an editorial-like shopping experience that feels more like browsing a high-end fashion magazine than a typical e-commerce site. The design uses dramatic full-bleed photography with stark white typography overlays to create aspirational, gallery-worthy product presentations.
Design Identity
Signature Color
Luxury Black
#000000
Premium fashion authority and timeless sophistication
Visual Identity
Full-bleed lifestyle photography with bold white sans-serif text overlays positioned centrally on each section, creating a magazine editorial aesthetic that treats products as artistic statements rather than mere merchandise.
Component Style
Clean, borderless elements with subtle hover states and minimal visual chrome. Typography-driven navigation with generous spacing between elements creates an uncluttered, gallery-like browsing experience that prioritizes content over interface.
Spacing Philosophy
Generous vertical spacing between major sections creates breathing room that feels luxurious, while tight internal spacing within navigation and UI elements maintains precision. The layout uses full-width imagery with minimal margins to create immersive visual impact.
Design Principles
- Typography uses only Farfetch Basis with weights 400 and 700
- Photography always full-bleed with centered white text overlays
- Navigation remains minimal with subtle 15px font sizing
- Color palette strictly monochromatic with strategic accent colors
- Transitions use custom cubic-bezier curves for emotional engagement
Target Audience
Affluent fashion enthusiasts who view shopping as cultural curation and expect digital experiences that match the sophistication of luxury boutiques.
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 | 15px | 400 | 19.9995px | |
| h2 | 22px | 400 | 27.9994px | |
| h3 | 30px | 400 | 38.001px | |
| p | 30px | 400 | 38.001px | |
| a | 15px | 700 | 19.9995px | |
| button | 15px | 700 | 19.9995px | |
| input | 15px | 400 | 19.9995px | |
| nav | 15px | 400 | 19.9995px | |
| header | 15px | 400 | 19.9995px | |
| footer | 15px | 400 | 19.9995px |
Color Palette
#e6e6e6#222222#ffffff#6092af#f5f5f5#b6b6b6#727272#dd9388#048273#ffeff1#c41429#f2f2f2
