Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
McDonald's
FoodMcDonald's maintains its iconic golden arches identity with the classic yellow brand color dominating the visual hierarchy, while using traditional Times serif typography that feels unexpectedly editorial and premium for fast food. The design balances familiarity with sophistication through clean layouts and strategic use of whitespace around food imagery.
Design Identity
Signature Color
McDonald's Golden Yellow
#FFC72C
Instant hunger trigger and global recognition - warmth, happiness, and affordable indulgence
Visual Identity
The golden arches logo placement and yellow color dominance, combined with high-quality food photography featuring the signature burger styling with visible layers and textures
Component Style
Clean, minimal buttons with subtle borders and no shadows. Components feel lightweight and accessible with simple rectangular forms. The 'Our Menu' button uses a basic border style that prioritizes clarity over visual flair.
Spacing Philosophy
Generous whitespace around hero elements like the golden arches and food images, creating breathing room that lets the iconic branding dominate. Compact navigation spacing maintains utility while the overall layout feels uncluttered.
Design Principles
- Golden yellow (#FFC72C) anchors every major visual element
- Times serif typography for all text except system buttons
- Food photography gets maximum visual real estate
- Minimal border treatments with no drop shadows
- Logo placement always gets premium positioning
Target Audience
Mass market consumers across all demographics who value familiar comfort food experiences and quick digital ordering
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 |
|---|---|---|---|---|
| main | 16px | 400 | normal | |
| body | 16px | 400 | normal | |
| h2 | 24px | 700 | normal | |
| p | 16px | 300 | 22px | |
| a | 16px | 300 | 22px | |
| button | 13.3333px | 400 | normal | |
| nav | 16px | 400 | normal | |
| header | 16px | 400 | normal | |
| footer | 16px | 400 | normal |
Color Palette
No colors extracted
