Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
DoorDash
FoodDoorDash employs a reassuring, service-oriented aesthetic that prioritizes clarity during critical user moments. The brand balances urgency with approachability through generous whitespace and friendly illustrated elements that soften transactional experiences.
Design Identity
Signature Color
DoorDash Fire Red
#FF3008
urgent delivery speed and hunger satisfaction
Visual Identity
Distinctive illustrated scenarios with geometric food containers and warning icons that create a narrative-driven interface rather than purely functional UI elements.
Component Style
Soft, approachable components with minimal visual weight - likely subtle rounded corners and clean typography hierarchy that doesn't compete with illustrated focal points.
Spacing Philosophy
Expansive breathing room around central content creates a calm, uncluttered experience during potentially stressful user verification moments, with the illustration serving as a generous focal point.
Design Principles
- DD-TTNorms custom typography maintains brand consistency across all text elements
- Illustration-first hierarchy where graphics lead and text supports
- Minimal color palette with strategic red accent usage
- Generous whitespace ratios that never feel cramped
- Typography weight jumps from 400 to 700 with no intermediate weights
Target Audience
Busy urban professionals and families who value reliable meal delivery during high-stress moments and need reassurance during service interruptions
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 | 32px | 700 | normal | |
| h2 | 24px | 700 | normal | |
| p | 16px | 400 | normal | |
| a | 28px | 700 | normal | |
| nav | 16px | 400 | normal | |
| body | 16px | 400 | normal | |
| h1 | 32px | 700 | normal | |
| h2 | 24px | 700 | normal | |
| p | 16px | 400 | normal |
Color Palette
No colors extracted
