Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Abercrombie
FashionAbercrombie's aesthetic balances aspirational luxury with youthful accessibility through warm, golden-hour lighting and effortless lifestyle moments. The custom Trade Gothic typography creates sharp, confident headlines while maintaining approachability, evoking premium casual wear for the college-to-young-professional transition.
Design Identity
Signature Color
Midnight Navy
#253746
Sophisticated confidence and timeless American heritage
Visual Identity
Golden-hour lifestyle photography with perfectly imperfect moments - people embracing, hands in hair, natural poses that feel candid but aspirational
Component Style
Razor-sharp rectangular buttons with 0px border radius and heavy Trade Gothic typography - everything feels bold, confident, and unapologetically angular with no softening curves
Spacing Philosophy
Generous whitespace creates breathing room around hero content, with tight 5-20px padding on navigation elements to maintain clean hierarchy without feeling cramped
Design Principles
- Border radius is always 0px for buttons - pure rectangles only
- Typography uses Trade Gothic at 700 weight for all headlines and CTAs
- Navigation elements use minimal 5-20px padding for compact efficiency
- Golden hour photography dominates hero sections
- Navy blue (#253746) anchors all primary interactions
Target Audience
College students and young professionals (18-25) who want to project confident, put-together style without trying too hard
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 | 18px | |
| h2 | 15px | 700 | 75px | |
| h3 | 14px | 700 | 20px | |
| p | 12px | 700 | 15px | |
| a | 14px | 700 | 16px | |
| button | 10px | 400 | normal | |
| input | 13.3333px | 400 | normal | |
| nav | 12px | 400 | 18px | |
| header | 12px | 400 | 18px | |
| footer | 12px | 400 | 18px |
Color Palette
#253746#b08435#ffffff#717171#981420#1e2c38#1b1b1b#f6f6f6#f5bd02#c6c6c6#7ebb8c#178240
