Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Lidl
RetailLidl's brand radiates approachable German efficiency through its signature electric yellow that dominates every touchpoint. The typography uses custom 'Lidl Font Pro' with bold condensed headlines that feel energetic yet trustworthy, creating a discount retail aesthetic that's cheerful without being cheap.
Design Identity
Signature Color
Lidl Electric Yellow
#FFD900
Accessible savings and everyday optimism - the yellow of fresh opportunity and smart shopping
Visual Identity
The unmistakable electric yellow paired with royal blue creates a high-contrast energy that's instantly recognizable, even in error states with playful tool illustrations on yellow circles.
Component Style
Buttons feature moderate rounded corners (approximately 6-8px) with solid fills and bold condensed typography. Everything feels substantial but friendly - no sharp edges or severe minimalism, favoring approachable European retail sensibility over tech precision.
Spacing Philosophy
Generous whitespace around key elements creates breathing room, while the yellow elements are given prominent real estate to maintain brand presence. The layout feels organized but not cramped, reflecting efficient German design principles.
Design Principles
- Yellow dominates primary actions and brand moments
- Blue provides trusted contrast for navigation and secondary elements
- Custom Lidl fonts maintain brand consistency across all text
- Button line-height locked at 48px for consistent touch targets
- Condensed fonts used for emphasis and headings only
Target Audience
Budget-conscious families and practical shoppers who value quality at low prices, seeking efficient grocery shopping experiences without premium pretense
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 | 17px | 400 | 17px | |
| h1 | 48px | 700 | 48px | |
| h4 | 18px | 700 | 27.72px | |
| h5 | 11px | 400 | 11px | |
| p | 17px | 400 | 20.4px | |
| a | 17px | 400 | 17px | |
| button | 17px | 700 | 48px | |
| nav | 17px | 400 | 17px | |
| header | 17px | 400 | 17px | |
| footer | 17px | 400 | 17px |
Color Palette
No colors extracted
