Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Audi
AutomotiveAudi embodies theatrical automotive luxury through dramatic black voids punctuated by precision orange accents and Formula 1 racing imagery. The brand communicates engineering excellence and performance heritage through stark contrasts and minimal interference with the hero product.
Design Identity
Signature Color
Audi Racing Orange
#FF4500
Performance energy and racing heritage - the pulse of automotive excellence
Visual Identity
Deep black theatrical staging with single hero products emerging from darkness, creating museum-like reverence for automotive engineering
Component Style
Minimal intervention design - buttons and UI elements deliberately fade into the background to avoid competing with the hero vehicle. Clean sans-serif typography with generous spacing and subtle presence.
Spacing Philosophy
Dramatic negative space dominates with 96px page margins creating gallery-like presentation. The racing car floats in vast darkness, emphasizing its importance through isolation.
Design Principles
- Black backgrounds create theatrical product staging
- Orange accents never exceed 10% of visual space
- AudiType typography maintains consistent 400 weight across all hierarchies
- 96px margins create premium breathing room
- Product imagery dominates 70%+ of viewport real estate
Target Audience
High-performance automotive enthusiasts and luxury car buyers who value German engineering precision and motorsport heritage
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 | normal | |
| h1 | 40px | 400 | 60px | |
| h2 | 32px | 400 | 44px | |
| h3 | 24px | 400 | 36px | |
| h4 | 18px | 400 | 28px | |
| p | 18px | 400 | 28px | |
| a | 16px | 400 | 24px | |
| button | 10px | 400 | normal | |
| input | 13.3333px | 400 | normal | |
| nav | 10px | 400 | normal |
Color Palette
No colors extracted
