Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Grubhub
FoodGrubhub's brand identity embodies hungry urgency through its signature orange that screams 'feed me now' with an almost aggressive appetite. The minimalist layout with extreme whitespace creates anticipation, like an empty plate waiting to be filled, while the utilitarian Bagoss typography suggests no-nonsense food delivery efficiency.
Design Identity
Signature Color
Grubhub Hunger Orange
#FF8000
Instant appetite activation - the color of craving and immediate food satisfaction
Visual Identity
Vast expanses of white space punctuated by that unmistakable orange wordmark, creating a stark hunger-inducing contrast that makes you crave the fullness food provides
Component Style
Clean, functional elements with subtle rounded corners (approximately 4-6px) that feel approachable but efficient. No heavy shadows or ornate styling - everything serves the single purpose of getting food ordered quickly.
Spacing Philosophy
Extreme minimalism with generous whitespace that creates visual hunger - the emptiness makes you want to fill it with food content. The sparse layout mirrors an empty stomach waiting to be satisfied.
Design Principles
- Typography uses consistent 14px base size across all interactive elements
- Orange brand color is used sparingly as the sole accent
- Line height maintains 20px rhythm for optimal scanning
- Medium weight (500) reserved only for headings and emphasis
- Whitespace dominates to create appetite through visual emptiness
Target Audience
Time-pressed urban professionals and busy families who prioritize convenience over culinary exploration - people who see food delivery as fuel, not experience
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 | 14px | 400 | 20px | |
| h5 | 20px | 500 | 24px | |
| h6 | 14px | 500 | 20px | |
| a | 14px | 400 | 20px | |
| button | 14px | 400 | 20px | |
| input | 14px | 400 | normal | |
| nav | 14px | 400 | 20px | |
| footer | 14px | 400 | 20px | |
| body | 14px | 400 | 20px | |
| h5 | 20px | 500 | 24px |
Color Palette
No colors extracted
