Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Grab
Super AppGrab projects approachable sophistication through bold Inter typography and vibrant emerald green accents against clean white space. The design balances professional service reliability with Southeast Asian warmth, creating an ecosystem that feels both trustworthy and human-centered.
Design Identity
Signature Color
Grab Green
#00B14F
Growth, reliability, and Southeast Asian vitality - communicating both environmental consciousness and dynamic progress
Visual Identity
The distinctive emerald green paired with ultra-bold Inter typography (800 weight) creates immediate recognition, especially the way green elements pop against generous white backgrounds with real-world lifestyle photography
Component Style
Clean, minimal components with subtle rounded corners and no heavy shadows. Buttons and interactive elements feel substantial but approachable, with generous padding and confident typography weights that prioritize legibility over decoration.
Spacing Philosophy
Generous breathing room with large hero sections that let bold typography dominate. Minimal position margins (0px) create edge-to-edge impact while internal content maintains comfortable reading distances.
Design Principles
- Typography weight jumps dramatically - body at 400, headers at 800 for maximum hierarchy
- Inter font family used exclusively across all elements for cohesive personality
- Green color reserved for brand moments and key interactive elements
- White space used generously to frame lifestyle photography
- Line heights optimized for readability (1.4-1.8x multipliers)
Target Audience
Urban Southeast Asian professionals and families who value convenience and reliability in their daily transportation and lifestyle 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 | 22.592px | |
| h1 | 80px | 800 | 88px | |
| h3 | 40px | 800 | 44px | |
| h4 | 16px | 500 | 28.8px | |
| h5 | 20px | 600 | 28px | |
| h6 | 16px | 600 | 24px | |
| p | 14px | 400 | 20px | |
| a | 16px | 600 | 24px | |
| input | 14px | 400 | normal | |
| nav | 18px | 400 | 28px |
Color Palette
No colors extracted
