Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Nordstrom
RetailNordstrom's aesthetic balances high-end retail sophistication with accessible warmth through bold promotional moments and refined typography. The brand leverages dramatic color contrasts - from pure black primary branding to vibrant seasonal campaign colors - creating a sense of premium accessibility. Brandon Text typography maintains friendliness while preserving the gravitas expected from luxury retail.
Design Identity
Signature Color
Nordstrom Black
#000000
Premium retail authority and timeless luxury positioning
Visual Identity
Generous whitespace punctuated by bold seasonal color takeovers, with clean sans-serif typography that feels approachable yet premium - creating breathing room that lets products and campaigns command full attention.
Component Style
Clean, minimal components with subtle shadows (15% opacity) and conservative border radius (2-8px max). Navigation elements are understated with ample padding, while promotional elements use full-bleed color blocks. Everything feels refined but not sterile.
Spacing Philosophy
Generous macro spacing creates luxury retail breathing room, with 40-48px section gaps. Micro spacing stays tight at 12-24px to maintain information density. The approach mirrors high-end store layouts - spacious departments with organized product clusters.
Design Principles
- Border radius never exceeds 8px for subtle softness without trend-chasing
- Shadows use consistent 15% opacity for gentle elevation
- Typography hierarchy jumps dramatically: 16px body to 60px headlines
- Color campaigns use full-bleed blocks for maximum seasonal impact
- Navigation stays minimal - never competing with merchandise focus
Target Audience
Fashion-conscious consumers aged 25-55 who value both accessible luxury and trend-forward style, expecting premium experience without intimidation
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 | normal | |
| h2 | 24px | 700 | 31.92px | |
| h3 | 60px | 700 | 68px | |
| p | 16px | 400 | normal | |
| a | 16px | 400 | normal | |
| button | 16px | 400 | 18.4px | |
| input | 16px | 400 | 18.4px | |
| nav | 16px | 400 | normal | |
| header | 15px | 400 | 20px | |
| footer | 16px | 400 | normal |
Color Palette
#fbe446#002456#024124#b80009#000000#ffffff#ceb892#186adc#ecf5fd#cde5fe#9bccfd#6daefe
