Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Ford
AutomotiveFord's aesthetic combines deep navy foundations with crisp white typography, creating a cinematic sports-entertainment atmosphere. The design leverages stadium-scale drama with clean geometric precision, positioning Ford as America's automotive brand that bridges heritage craftsmanship with contemporary performance.
Design Identity
Signature Color
Ford Midnight Navy
#00142e
American automotive heritage and unwavering reliability
Visual Identity
Cinematic stadium photography with bold white typography overlaid on deep navy backgrounds, creating a sense of scale and national pride
Component Style
Clean rectangular buttons with moderate rounding, white text on solid backgrounds. Components feel substantial and purposeful, avoiding decorative elements in favor of clear hierarchy and sporting event aesthetics.
Spacing Philosophy
Generous breathing room around hero elements with tighter component spacing. Large-scale photography dominates the viewport while UI elements use precise, functional gaps that don't compete with the dramatic imagery.
Design Principles
- Typography never exceeds 2 weights per font family
- Backgrounds use deep navy (#00142e) or pure photography
- White text maintains high contrast against all backgrounds
- Button radius stays conservative under 8px
- Component spacing follows 4px base increment system
Target Audience
American car buyers who value tradition, performance, and national brand heritage over luxury or innovation
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 | 20px | |
| h1 | 14px | 400 | 20px | |
| h2 | 38px | 400 | 40px | |
| h3 | 16px | 500 | 28px | |
| h4 | 20px | 600 | 28px | |
| h6 | 12px | 400 | 16px | |
| p | 18px | 400 | 27px | |
| a | 14px | 400 | 14px | |
| button | 70px | 700 | 70px | |
| input | 42px | 700 | 60px |
Color Palette
#0276b3#0f0f0f#ffffff#00142e#e5e5e5
