Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Auto1
AutomotiveAuto1's identity revolves around dual-color storytelling - vibrant blue for buyers and energetic orange for sellers, creating an intuitive visual language that mirrors automotive turn signals. The Open Sans typography feels approachable yet professional, suggesting trust without intimidation in Europe's largest car wholesale marketplace.
Design Identity
Signature Color
Auto1 Orange
#FF7A00
automotive energy and seller urgency - the color of action and transaction completion
Visual Identity
The split-screen composition with color-coded car photography - blue sedan for buying, orange sedan for selling - creates an instantly recognizable automotive marketplace visual system that functions like traffic signals for different user journeys.
Component Style
Buttons feature generous rounded corners (approximately 8px) with solid fills and confident padding. The orange 'Start selling' button dominates with full saturation, while maintaining readability through strong contrast. Components feel substantial rather than minimal, emphasizing action over elegance.
Spacing Philosophy
Automotive showroom spacing - wide breathing room around hero elements with approximately 40-60px vertical gaps, while maintaining intimate 16-24px spacing within component groups. The layout prioritizes scannable information chunks over dense content.
Design Principles
- Color-coded user paths: blue always represents buying, orange represents selling
- Typography weights progress logically: 400 for body, 600 for emphasis, 700 for headings
- Statistical callouts use consistent formatting with comma separators (3,000+ format)
- Buttons maintain 16px font size with 8px border radius across all contexts
- Dual-column layout separates buyer/seller propositions with equal visual weight
Target Audience
European automotive dealers and fleet managers who need efficient B2B transactions with transparent pricing and rapid inventory turnover
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 | 24px | |
| h1 | 48px | 400 | 60.96px | |
| h2 | 28px | 600 | normal | |
| h3 | 20px | 700 | 30px | |
| p | 16px | 600 | 24px | |
| a | 16px | 600 | 24px | |
| button | 16px | 400 | 24px | |
| input | 16px | 400 | normal |
Color Palette
No colors extracted
