Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Gojek
Super AppGojek's visual identity radiates energetic optimism through vibrant lime-to-emerald gradient fields that create movement and vitality. The bold 'EVERYDAY LOW PRICE!' messaging in dark green Maison Neue Extended creates confident authority, while the playful helmet-wearing mascot and genuine driver portrait humanize the tech platform with Southeast Asian warmth.
Design Identity
Signature Color
Gojek Electric Green
#00D13A
energetic mobility and accessible transportation for everyday people
Visual Identity
The distinctive lime-to-emerald gradient backgrounds with bold, all-caps messaging blocks and integrated lifestyle photography featuring real drivers and playful brand mascots.
Component Style
Soft-cornered rectangular containers with generous padding, clean sans-serif typography at multiple scales, and vibrant gradient backgrounds that eliminate the need for borders or heavy shadows - everything feels approachable and energetic.
Spacing Philosophy
Generous whitespace around key messaging creates breathing room, while compact driver portraits and mascot elements maintain human scale intimacy within the expansive green gradient fields.
Design Principles
- Primary messaging always uses dark forest green (#1B5E20) on lime gradient backgrounds
- Typography scales dramatically from 16px navigation to 48px+ hero headlines
- Gradient backgrounds span full viewport width for maximum impact
- Real photography and illustrated mascots maintain 60/40 balance
- All interactive elements use 8-12px border radius for friendly approachability
Target Audience
Urban commuters and everyday consumers in Southeast Asia who need reliable, affordable transportation and delivery services
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 | 800 | 64px | |
| h2 | 48px | 800 | 64px | |
| h3 | 24px | 400 | 32px | |
| p | 18px | 400 | 32px | |
| a | 16px | 400 | 24px | |
| button | 16px | 300 | 20px | |
| header | 16px | 400 | 24px | |
| footer | 16px | 400 | 24px |
Color Palette
#3b82f6#007aff#ffffff
