Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Wolt
FoodWolt creates a vibrant, optimistic delivery experience through explosive electric blue backdrops and ultra-bold condensed typography that screams immediacy and convenience. The massive white typography against cyan creates an almost retinal energy that promises instant gratification.
Design Identity
Signature Color
Wolt Electric Cyan
#00c3f0
instant delivery energy and digital optimism
Visual Identity
The signature is the massive, ultra-condensed white typography treatment against electric cyan - creates an unmistakable billboard-like presence that's impossible to ignore.
Component Style
Soft, approachable components with generous corner radii (10-24px), subtle shadows, and clean white backgrounds. Buttons feel pillowy and friendly rather than sharp or aggressive.
Spacing Philosophy
Generous breathing room with large hero sections, while maintaining intimate 8-16px internal component padding. Creates a sense of abundance and ease.
Design Principles
- Corner radius ranges from 10-24px for soft, friendly feel
- Typography jumps dramatically from 16px body to 72-88px headlines
- Electric cyan dominates hero sections for maximum energy
- White space used generously to prevent overwhelming users
- Subtle shadows (0-4px) keep components grounded but light
Target Audience
Urban millennials and Gen Z who prioritize convenience and expect instant digital experiences
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.4px | |
| h1 | 88px | 700 | 88px | |
| h2 | 72px | 700 | 72px | |
| h3 | 48px | 700 | 57.9998px | |
| h4 | 60px | 700 | 60px | |
| p | 14px | 600 | 19.6px | |
| a | 16px | 400 | 22.4px | |
| button | 16px | 400 | 16px | |
| input | 16px | 400 | 22px | |
| nav | 16px | 400 | 22.4px |
Color Palette
#202125#ffffff#0f2594#f93a25#fee7e5#e4e4e5#f6f6f6#fc6200#fec39d#f5fbfe#333333#009de0
