Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Breitling
LuxuryBreitling embodies Swiss aviation luxury through dramatic macro photography and bold yellow-amber branding that commands attention. The dual typography system contrasts elegant Italian Plate headlines with clean Open Sans body text, creating a sophisticated hierarchy that speaks to precision engineering and heritage craftsmanship.
Design Identity
Signature Color
Breitling Amber
#F5B800
Aviation heritage and Swiss precision - the color of cockpit instruments and luxury timepiece accents
Visual Identity
Extreme close-up photography of watch mechanisms with dramatic lighting that reveals intricate details, always paired with the distinctive amber-yellow brand accent that cuts through dark, technical imagery.
Component Style
Clean rectangular buttons with minimal border radius, crisp edges, and bold amber backgrounds. Components feel substantial and engineered - no unnecessary shadows or flourishes, just precise geometric forms that echo Swiss watchmaking precision.
Spacing Philosophy
Generous breathing room around hero elements with full-bleed imagery that creates immersive experiences. Text overlays use ample padding to ensure readability against complex watch photography backgrounds.
Design Principles
- Headlines use Italian Plate at 50px/700 weight for maximum impact
- Body text stays at 16px Open Sans for optimal readability
- Amber accent color appears sparingly but decisively
- Dark backgrounds dominate to showcase metallic watch details
- Full-width imagery creates cinematic storytelling moments
Target Audience
Affluent aviation enthusiasts and luxury watch collectors who value Swiss heritage, precision engineering, and professional piloting instruments over fashion timepieces.
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 | 50px | 700 | 50px | |
| h2 | 20px | 400 | 20px | |
| h3 | 34px | 700 | 34px | |
| h4 | 24px | 700 | 28.8px | |
| p | 24px | 600 | 26.4px | |
| a | 16px | 400 | 16px | |
| button | 16px | 400 | normal | |
| nav | 16px | 400 | 16px | |
| header | 16px | 400 | 16px |
Color Palette
#007aff
