Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
iFood
FoodiFood's brand aesthetic channels Brazilian warmth through its signature fiery red-orange palette, creating an appetite-stimulating visual identity. The custom 'iFood RC' typography system balances approachable friendliness with service reliability, while generous whitespace and playful illustrations convey the joy of food discovery.
Design Identity
Signature Color
iFood Fire Red
#EA1D2C
appetite stimulation and Brazilian energy - the color of passion for food and instant gratification
Visual Identity
Playful gradient illustrations combined with abundant whitespace and warm red accent colors - creates a friendly, approachable food delivery experience that feels more like a celebration than a transaction.
Component Style
Soft, rounded buttons with generous padding and subtle gradients - everything feels approachable and finger-friendly for mobile-first food ordering. Red primary actions pop against clean white backgrounds with gentle shadows.
Spacing Philosophy
Generous whitespace creates breathing room that prevents the interface from feeling overwhelming during hungry decision-making moments. Large gaps between sections allow food imagery and copy to be digestible.
Design Principles
- Custom 'iFood RC' typography maintains brand consistency across all touchpoints
- Red color reserved exclusively for primary actions and brand moments
- Button font weight stays at 500 for clear hierarchy
- 16px base font size ensures mobile readability
- Rounded corners create approachable, non-intimidating interactions
Target Audience
Busy urban food lovers who value convenience and variety - people who see food delivery as both necessity and pleasure, ranging from office workers to families seeking culinary adventure.
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 | 18.4px | |
| h1 | 36px | 500 | 41.4px | |
| h2 | 24px | 500 | 30px | |
| h3 | 14px | 400 | 18px | |
| p | 14px | 500 | 20px | |
| a | 16px | 400 | 20px | |
| button | 16px | 500 | 18.4px | |
| input | 16px | 100 | 18.4px | |
| nav | 16px | 400 | 18.4px | |
| header | 16px | 400 | 18.4px |
Color Palette
#007aff
