Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Zomato
FoodZomato's brand aesthetic centers on food-forward imagery with crisp white typography overlaid on rich, appetizing photography. The design communicates hunger-inducing warmth through golden-orange food tones while maintaining digital accessibility through clean, rounded interface elements.
Design Identity
Signature Color
Zomato Red
#E23744
appetite stimulation and food passion - the color of fresh tomatoes and dining excitement
Visual Identity
Food photography as hero background with bold white typography creating strong contrast - the brand is instantly recognizable by its appetite-focused imagery paired with clean digital overlays
Component Style
Rounded corners (8-12px radius) with clean white backgrounds on download buttons. Components feel approachable and finger-friendly with subtle shadows, prioritizing mobile usability over sharp corporate aesthetics
Spacing Philosophy
Generous vertical spacing around central content creates breathing room over busy food photography. Tight button groupings keep actions clustered while ample margins prevent text from competing with background imagery
Design Principles
- Food photography always serves as primary visual anchor
- White text on dark overlays ensures readability over complex backgrounds
- Button radius stays consistent at 8-12px for mobile-first interaction
- Typography hierarchy uses only Lexend family across all weights
- Download buttons always paired horizontally for platform choice
Target Audience
Urban food enthusiasts aged 18-35 who prioritize convenience and variety in dining choices, comfortable with mobile-first 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 | 24px | |
| h1 | 26px | 600 | 32px | |
| h4 | 18px | 400 | 28px | |
| a | 12px | 600 | 16px | |
| button | 12px | 600 | 16px | |
| footer | 16px | 400 | 24px |
Color Palette
#007aff#ffffff
