Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Cornershop
GroceryCornershop uses a warm, approachable golden-orange gradient that evokes comfort and hunger satisfaction, paired with Uber's proprietary typeface system. The design creates an appetite-inducing atmosphere with food photography as the hero, making delivery feel immediate and craveable.
Design Identity
Signature Color
Cornershop Golden
#F5A623
warmth, appetite stimulation, and comfort food accessibility
Visual Identity
The warm golden-orange gradient background combined with hero food photography creates an unmistakably hunger-focused experience that differentiates from cooler, more clinical delivery apps.
Component Style
Rounded corners with medium border radius, solid fills for primary actions, clean white backgrounds for inputs. Components feel approachable and friendly rather than sharp or technical - everything has a soft, consumable quality.
Spacing Philosophy
Generous whitespace around the central food photography creates focus and appetite appeal, while compact form elements keep the ordering flow efficient and unobtrusive.
Design Principles
- Typography uses only Uber's proprietary font system across all elements
- Primary actions use solid black backgrounds for maximum contrast
- Food photography dominates the visual hierarchy
- Golden gradient backgrounds create warmth and appetite appeal
- Form elements maintain consistent 16px font sizing
Target Audience
Busy urban consumers who prioritize convenience and visual food appeal over technical features
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 | 52px | 700 | 64px | |
| h2 | 36px | 700 | 44px | |
| p | 16px | 500 | 20px | |
| a | 18px | 500 | 24px | |
| button | 16px | 500 | 20px | |
| input | 16px | 400 | 24px | |
| nav | 16px | 400 | normal | |
| header | 16px | 400 | normal | |
| footer | 16px | 400 | normal |
Color Palette
No colors extracted
