Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Glovo
DeliveryGlovo's brand radiates warmth and accessibility through its signature sunny amber backdrop that creates an inviting, almost Mediterranean glow. The chunky, confident typography in their custom Glovo Sans paired with vibrant teal accents tells a story of friendly efficiency - approachable enough for everyday orders yet bold enough to stand out in the crowded delivery space.
Design Identity
Signature Color
Glovo Amber
#F5B342
warmth, accessibility, and sunny optimism - making food delivery feel like a bright, welcoming experience rather than a transactional necessity
Visual Identity
The sweeping curved amber background that creates a warm embrace around the content, combined with the distinctive rounded geometric illustrations and teal accent color system.
Component Style
Soft, pill-shaped buttons with generous 24px border radius and confident teal fills. Components feel approachable and touchable with medium shadows (20px elevation) that create depth without being heavy. Everything has rounded corners that echo the friendly, non-threatening brand personality.
Spacing Philosophy
Generous breathing room with large section gaps that let the warm amber background dominate the visual space. Content feels uncluttered and digestible, with substantial padding that makes touch targets comfortable and welcoming.
Design Principles
- Border radius consistently uses 24px+ for a soft, approachable feel
- Typography hierarchy uses bold weights (700) for all headings and CTAs
- Shadows use 20px elevation for meaningful depth
- Custom Glovo Sans font maintains brand uniqueness across all text
- Warm amber acts as primary background, never relegated to accents
Target Audience
Urban millennials and Gen Z who value convenience but want their service providers to feel friendly and trustworthy rather than corporate and cold
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 | normal | |
| h1 | 56px | 700 | 64px | |
| h3 | 18.72px | 700 | normal | |
| p | 24px | 700 | 28px | |
| a | 16px | 400 | normal | |
| button | 16px | 700 | 20px | |
| input | 18px | 400 | 24px | |
| header | 16px | 400 | normal | |
| footer | 16px | 400 | normal | |
| main | 16px | 400 | normal |
Color Palette
No colors extracted
