Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Mercedes-Benz
AutomotiveMercedes-Benz creates a cinematic, premium automotive experience through dramatic warm-toned photography contrasted against stark black navigation. The custom MBCorpo Text typography establishes sophisticated corporate authority while maintaining accessibility, with the overall aesthetic evoking the golden hour luxury of high-end automotive marketing.
Design Identity
Signature Color
Mercedes Black
#000000
Absolute luxury and automotive excellence - the definitive color of premium German engineering
Visual Identity
Full-bleed cinematic photography with warm sunset tones dominated by a stark black header strip - instantly recognizable as premium automotive marketing that prioritizes immersive visual storytelling over traditional web layouts
Component Style
Minimalist black components with subtle 8px corner radius and layered shadows (0-16px range). Navigation feels weightless against dramatic photography, with clean sans-serif typography maintaining corporate precision without sacrificing warmth.
Spacing Philosophy
Asymmetric layout that breaks traditional grid systems - black navigation occupies minimal vertical space while hero imagery claims maximum viewport real estate, creating dramatic tension between corporate structure and emotional storytelling.
Design Principles
- Border radius stays minimal: 2px, 4px, 8px maximum
- Typography uses single weight: 400 regular across all elements
- Line height maintains tight 21-22px consistency
- Shadows create depth with 0-16px range using 10% black opacity
- Full-bleed photography always dominates above-fold space
Target Audience
Affluent automotive enthusiasts aged 35-55 who view cars as lifestyle statements and appreciate German engineering heritage over flashy tech 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 | 14px | 400 | 22px | |
| p | 14px | 400 | 21px | |
| a | 14px | 400 | 22px | |
| footer | 14px | 400 | 22px |
Color Palette
#000000#ffffff#9f9f9f#141414#0078d6
