Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Jaeger-LeCoultre
LuxuryJaeger-LeCoultre embodies aristocratic Swiss watchmaking through a palette of deep charcoals and warm champagne taupes that whispers exclusivity rather than shouts. The dual typography system—Decimal for headlines and GothamSSm for body text—creates a hierarchy that feels both heritage-crafted and contemporarily precise.
Design Identity
Signature Color
Manufacture Charcoal
#201f1e
Swiss horological heritage and uncompromising precision craftsmanship
Visual Identity
The distinctive interplay between deep charcoal primaries and warm taupe accents creates an unmistakable atmosphere of understated luxury—like viewing fine mechanics through amber-tinted loupe glass.
Component Style
Understated and refined with minimal visual noise—components likely favor subtle borders over heavy shadows, with restrained corner radii that echo the precision of watch case engineering. Everything feels measured and intentional.
Spacing Philosophy
Generous breathing room that mirrors the careful spacing of watch complications—each element given proper respect and distance to be appreciated individually, creating rhythm like the measured tick of a master chronometer.
Design Principles
- Dual font hierarchy: Decimal at 600 weight for headers, GothamSSm at 400 for body
- Color temperature contrast: Cool charcoals (#201f1e) balanced with warm taupes (#b7a98e)
- 15px base font size with 25px line height for optimal readability
- Transition timing mirrors mechanical precision: .3s standard, .15s for micro-interactions
- Typography weights never exceed 700 to maintain sophistication
Target Audience
Affluent watch collectors and connoisseurs who appreciate mechanical complexity and heritage craftsmanship over flashy marketing
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 | 25.0001px | |
| h1 | 45px | 600 | 60.0003px | |
| h2 | 34px | 600 | 45.3336px | |
| p | 15px | 400 | 25.0001px | |
| a | 20px | 700 | 26.6668px | |
| button | 15px | 400 | 20.0001px | |
| input | 15px | 400 | 25.0001px | |
| nav | 15px | 400 | 25.0001px | |
| header | 15px | 400 | 25.0001px | |
| footer | 15px | 600 | 25.0001px |
Color Palette
#43423f#3a3935#201f1e#100f0f#f3f1ed#ebe8e4#e3e0da#96938e#e3ddd0#b7a98e#93866c#5a5952
