Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Hyundai
AutomotiveHyundai's brand aesthetic balances futuristic automotive innovation with rugged reliability, using dramatic desert landscapes and bold industrial design to convey adventure-ready sophistication. The custom Hyundai Sans typography creates a distinctive technical precision while warm copper accents against cool grays suggest premium engineering meets outdoor exploration.
Design Identity
Signature Color
Hyundai Copper
#ff6b35
Industrial warmth and premium automotive craftsmanship
Visual Identity
Dramatic environmental backdrops showcasing vehicles in extreme terrains, combined with bold sans-serif headlines and industrial copper accent lighting that creates a cinematic automotive theater aesthetic.
Component Style
Clean geometric buttons with subtle rounded corners (4-6px), minimal borders, and solid fills. Components feel substantial and engineered rather than delicate - everything has weight and presence like automotive controls.
Spacing Philosophy
Generous negative space around hero elements creates automotive showroom breathing room, while compact navigation and utility elements maintain functional density. Large 40-60px gaps between major sections emphasize the premium positioning.
Design Principles
- Headlines never go below 30px to maintain commanding presence
- Custom Hyundai Sans typography only - no generic fonts
- Industrial copper (#ff6b35) reserved for key accents and lighting effects
- Vehicle imagery always dominates with 60%+ screen real estate
- White text on dark/image backgrounds for automotive sophistication
Target Audience
Adventure-seeking professionals aged 35-50 who value both cutting-edge automotive technology and outdoor capability over pure luxury status
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 | 54px | 500 | 56px | |
| h2 | 30px | 500 | 36px | |
| h3 | 20px | 500 | 23px | |
| p | 16px | 400 | 22px | |
| a | 16px | 400 | 18.4px | |
| button | 14px | 500 | 18px | |
| input | 24px | 500 | 30px | |
| nav | 16px | 400 | 18.4px | |
| header | 16px | 400 | 18.4px |
Color Palette
#007aff
