Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Carsome
AutomotiveCarsome presents a vibrant, celebration-focused automotive marketplace that combines tropical warmth with bold promotional energy. The bright yellow-green palette creates excitement and urgency, while the festive grand opening design suggests accessibility and local market presence rather than premium luxury.
Design Identity
Signature Color
Carsome Gold
#FFD700
celebratory excitement and value-driven deals - positioning the brand as the go-to destination for car bargains and special promotions
Visual Identity
Dense, promotion-heavy layouts with bright colored badges, decorative elements like lanterns and ribbons, and multiple overlapping value propositions displayed simultaneously - creating a marketplace atmosphere rather than premium showroom feel
Component Style
Rounded rectangular cards with moderate corner radius (8-12px), bold colored backgrounds on promotional elements, clean white cards for functional areas, subtle shadows for depth, and prominent badge-style callouts for offers
Spacing Philosophy
Compact, information-dense layouts with tight spacing between promotional elements to maximize visual impact, while maintaining generous padding within functional areas like search and filters
Design Principles
- Bold promotional badges use high-contrast color combinations
- Functional areas maintain clean white backgrounds
- Typography hierarchy uses Roboto with weights from 400-700
- Border radius consistently around 8-12px for cards and buttons
- Promotional content uses decorative elements and festive imagery
Target Audience
Malaysian car buyers seeking value deals and transparent pricing, comfortable with digital marketplace experiences and promotional-driven purchasing decisions
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 | 16px | |
| h1 | 55.6004px | 700 | 66.7205px | |
| h2 | 17.196px | 400 | 20.6352px | |
| h3 | 26px | 700 | 56px | |
| p | 16px | 700 | 24px | |
| a | 12px | 500 | 14px | |
| button | 24px | 400 | 24px | |
| input | 16px | 400 | 20px | |
| main | 16px | 400 | 24px |
Color Palette
#007aff
