Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Volkswagen
AutomotiveVolkswagen's brand aesthetic embodies automotive heritage through ultra-light typography and cinematic vehicle staging. The dramatic dark palette with white text creates premium showroom atmosphere, while whisper-thin 200-weight headlines convey confidence without aggression.
Design Identity
Signature Color
VW Pure White
#FFFFFF
Automotive clarity and German engineering precision against premium darkness
Visual Identity
Feather-light typography weights (200) paired with full-bleed automotive photography and dramatic dark overlays - creating a luxury dealership experience online
Component Style
Buttons have subtle rounded corners (approximately 6px) with white outline borders on transparent backgrounds. Everything feels weightless and refined - no heavy shadows or bold treatments, just clean white strokes against dark surfaces.
Spacing Philosophy
Generous breathing room around hero content with minimal UI elements floating over immersive vehicle imagery. Sparse, gallery-like spacing that lets the cars be the primary focus.
Design Principles
- Typography weight never exceeds 400 except for small elements
- White text and borders dominate against dark backgrounds
- Vehicle imagery takes 80%+ of screen real estate
- Buttons use outline style, never solid fills
- Headlines use custom vw-head family at 47.624px
Target Audience
Affluent car buyers who appreciate understated German luxury and want to experience vehicles as premium objects rather than commodities
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 | 18.4px | |
| h1 | 47.624px | 200 | 57.1488px | |
| h2 | 47.624px | 200 | 57.1488px | |
| h3 | 23.4px | 700 | 24px | |
| p | 16px | 400 | 24px | |
| a | 16px | 400 | 24px | |
| button | 16px | 400 | 24px | |
| input | 16px | 400 | 18.4px | |
| nav | 16px | 400 | 18.4px | |
| header | 20px | 700 | 24px |
Color Palette
No colors extracted
