Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Tudor
LuxuryTudor embodies rugged luxury through cinematic desert landscapes and bold, condensed typography that commands attention. The brand's ultra-light Helvetica creates dramatic contrast against heavy headlines, evoking adventure-ready precision with Swiss watchmaking heritage.
Design Identity
Signature Color
Tudor Red
#E53E3E
Heritage Swiss precision with adventure-ready boldness
Visual Identity
Cinematic landscape photography paired with stark white condensed typography creates an unmistakable adventure-luxury aesthetic that feels like a high-end outdoor documentary.
Component Style
Clean geometric buttons with sharp corners and minimal styling - no shadows or heavy borders, letting the bold typography and striking imagery do the talking. Everything feels precision-engineered.
Spacing Philosophy
Generous breathing room around hero elements with dramatic negative space that mirrors the vast desert landscapes, while maintaining tight, purposeful spacing in navigation and UI components.
Design Principles
- Typography weight contrast is extreme: 200 weight body vs 700 weight headlines
- No decorative shadows or gradients - flat, confident surfaces
- Landscape photography always dominates the viewport
- White text over imagery for maximum drama
- Red accent color used sparingly for maximum impact
Target Audience
Affluent adventure enthusiasts who value Swiss craftsmanship and seek timepieces that perform in extreme conditions while maintaining luxury appeal.
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 | 200 | 24px | |
| h1 | 16px | 200 | 24px | |
| h2 | 16px | 500 | 24px | |
| h3 | 11.2632px | 700 | 14.079px | |
| p | 11.2632px | 700 | 14.079px | |
| a | 11.2632px | 700 | 14.079px | |
| button | 11.2632px | 700 | 14.079px | |
| input | 16px | 200 | 24px | |
| nav | 16px | 200 | 24px | |
| header | 16px | 200 | 24px |
Color Palette
#3b82f6#ffffff
