Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Ola Electric
MobilityOla Electric embraces a vibrant, optimistic energy through their signature orange-to-yellow gradient that radiates warmth and innovation. The Gentona typeface creates a sophisticated yet approachable voice, balancing premium positioning with accessibility. The design exudes confidence in sustainable mobility through bold color choices and confident typography scaling.
Design Identity
Signature Color
Electric Orange
#FF6B35
Sustainable energy optimism - representing the warmth of the sun and the vibrancy of electric innovation
Visual Identity
The dramatic orange-to-yellow gradient backgrounds with strategic product placement against organic curves - creates an unmistakable sense of movement and energy transition.
Component Style
Clean geometric buttons with subtle rounded corners (approximately 4-6px radius), minimal shadows, and confident contrast. Components feel substantial but not heavy, with clear hierarchy through size rather than decorative elements.
Spacing Philosophy
Generous vertical breathing room with approximately 40-60px between major sections, while maintaining tight internal component spacing. The layout feels expansive and confident, allowing the gradient backgrounds to create natural separation.
Design Principles
- Typography uses consistent 400 weight across all elements except buttons (500)
- Gradient backgrounds always flow from orange to yellow, never static colors
- Product imagery positioned at 2/3 composition point for dynamic balance
- Headlines scale dramatically from 22px to 80px for clear hierarchy
- CTAs use dark contrasting backgrounds against bright gradients
Target Audience
Urban millennials and Gen Z professionals in tier 1 Indian cities who view electric vehicles as lifestyle statements rather than just transportation
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 | 48px | 400 | 55.68px | |
| h2 | 80px | 400 | 80px | |
| h3 | 22px | 400 | 25.52px | |
| h6 | 32px | 400 | 37px | |
| p | 14px | 400 | 17px | |
| a | 14px | 400 | 17px | |
| button | 16px | 500 | 16px | |
| input | 16px | 400 | 22.8571px | |
| nav | 14px | 400 | 20px |
Color Palette
No colors extracted
