Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Cars24
AutomotiveCars24 embraces an automotive-forward aesthetic with a bold electric blue signature that radiates trust and innovation. The Inter typography system creates approachable professionalism while the prominent Tesla EV promotion signals forward-thinking market positioning.
Design Identity
Signature Color
Electric Blue
#4C6FFF
automotive innovation and digital trust - bridging traditional car buying with modern tech convenience
Visual Identity
The dramatic blue-to-purple gradient hero section with floating car imagery creates an almost cinematic automotive showroom experience that's instantly recognizable.
Component Style
Clean, modern components with subtle 8px corner radius and gentle shadows. Buttons feel substantial with medium padding, while service icons use consistent circular containers with soft blue tints.
Spacing Philosophy
Generous hero section creates impact, while the service navigation uses tight 16px spacing for efficiency. The layout balances dramatic visual moments with functional density.
Design Principles
- Corner radius stays between 4px-16px for subtle softness
- Typography uses Inter with weights of 400, 500, and 600 only
- Primary actions use high-contrast orange (#FF6B35) against blue backgrounds
- Service icons maintain consistent 48px circular containers
- Brand logos use 40px height with 24px spacing between
Target Audience
Urban millennials and Gen-Z car buyers who expect seamless digital experiences and value convenience over traditional dealership interactions
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 | |
| h2 | 28px | 600 | 42px | |
| h3 | 18px | 600 | 27px | |
| p | 14px | 600 | 22px | |
| a | 16px | 400 | normal | |
| button | 16px | 400 | normal | |
| input | 14px | 500 | 21px | |
| header | 16px | 400 | normal | |
| footer | 16px | 400 | normal |
Color Palette
No colors extracted
