Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Tag Heuer
LuxuryTag Heuer embodies luxury motorsport precision through dramatic theatrical lighting and razor-sharp digital displays. The brand merges Formula 1 racing aesthetics with Swiss watchmaking heritage, creating an atmosphere of high-performance elegance that feels both technical and aspirational.
Design Identity
Signature Color
Racing Red
#ed1b2f
Formula 1 heritage and Swiss precision - the color of victory and technical excellence
Visual Identity
Dramatic spotlight photography against deep black backgrounds with glowing red digital displays - instantly recognizable as luxury sports chronographs
Component Style
Minimal geometric buttons with subtle 4-6px corner radius, clean borders, and understated elegance. Components feel precise and technical without being cold - Swiss engineering translated to digital
Spacing Philosophy
Generous negative space creates luxury breathing room around hero products, with tight 20px page margins maintaining focus. The layout prioritizes dramatic product showcase over dense information
Design Principles
- Border radius never exceeds 6px for subtlety
- Typography uses custom Apax-TAG-Heuer at 12px, 16px, 18px only
- Black backgrounds dominate to emphasize product drama
- Red accents used sparingly for maximum impact
- Product photography always hero-sized and centered
Target Audience
Affluent motorsport enthusiasts and collectors who value Swiss craftsmanship and Formula 1 heritage over trendy smartwatch features
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 | 18px | 500 | 21.6px | |
| p | 18px | 500 | 21.6px | |
| a | 12px | 400 | 18px | |
| button | 12px | 400 | 18px | |
| input | 16px | 400 | 16px | |
| footer | 12px | 400 | 18px | |
| main | 12px | 400 | 18px |
Color Palette
#000000#008d5c#f6f7f9#dad9d9#6b6b6b#2e2e2e#101010#ed1b2f#ffffff#007aff
