Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Gopuff
FoodGopuff embraces a cinematic, night-delivery aesthetic with massive italic white typography that screams urgency and speed against dark, atmospheric backgrounds. The electric blue accent creates a tech-forward energy that transforms mundane delivery into something exciting and futuristic.
Design Identity
Signature Color
Gopuff Electric Blue
#0066FF
instant gratification energy - the electric pulse of on-demand delivery
Visual Identity
Massive italic headlines with extreme letter-spacing that create a sense of motion and urgency, combined with cinematic blurred human imagery in warm tones
Component Style
High-contrast buttons with bold rounded corners and vibrant fills. The primary CTA uses electric blue with generous padding, while secondary elements remain subtle with clean typography. Everything feels immediate and action-oriented.
Spacing Philosophy
Dramatic scale jumps with massive hero text dominating the viewport, creating cinematic negative space that makes CTAs feel urgent and unmissable. Generous padding around buttons emphasizes action.
Design Principles
- Typography uses extreme scale contrast - hero text massive, UI text small
- Italic text creates constant sense of motion and speed
- High contrast white text on dark backgrounds for maximum impact
- Electric blue reserved exclusively for primary actions
- Rounded corners never exceed 24px for friendly approachability
Target Audience
Urban millennials and Gen Z who want instant gratification and view convenience as a lifestyle choice, not just a service
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 | 24px | 700 | normal | |
| h2 | 24px | 700 | normal | |
| h3 | 24px | 700 | normal | |
| p | 22px | 400 | normal | |
| a | 14px | 400 | normal | |
| button | 13.3333px | 400 | normal | |
| input | 18px | 400 | normal | |
| header | 16px | 400 | normal | |
| footer | 16px | 400 | normal |
Color Palette
#009959#afe4ff#000000
