Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Allbirds
FashionAllbirds embodies earth-conscious minimalism through warm, natural tones and the Geograph typeface that feels approachable yet refined. The radiant gold hero shoe against organic terracotta creates an uplifting, sustainable luxury aesthetic that whispers rather than shouts.
Design Identity
Signature Color
Radiant Gold
#E0A855
Natural optimism and earth-conscious innovation - the warmth of sustainability
Visual Identity
Shoes arranged in perfect geometric circles on warm earth-toned backgrounds, creating mandala-like compositions that feel both organic and intentionally curated
Component Style
Soft pill-shaped buttons with 20px border radius feel like smooth river stones. Clean edges without harsh shadows create an approachable, tactile quality that mirrors their natural materials.
Spacing Philosophy
Generous breathing room with shoes floating in centered compositions. Wide margins create a gallery-like reverence for each product, emphasizing quality over quantity.
Design Principles
- 20px border radius creates soft, natural curves throughout
- Geograph typeface at 400 weight maintains approachable readability
- Earth-tone palette never strays from natural color stories
- Circular product arrangements echo natural patterns
- Minimal shadows preserve clean, honest aesthetic
Target Audience
Environmentally conscious millennials and Gen-Z who value sustainable luxury and clean aesthetics over flashy branding
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 | 24px | |
| h1 | 24px | 400 | 32px | |
| h2 | 12px | 500 | 16px | |
| h3 | 12px | 500 | 16px | |
| p | 12px | 400 | 16px | |
| a | 16px | 400 | 24px | |
| button | 16px | 400 | 24px | |
| input | 16px | 400 | 24px | |
| nav | 16px | 400 | 24px | |
| header | 16px | 400 | 24px |
Color Palette
#575757#ece9e2#ffffff#9c0f0f#10714e#cdcdcd#03143b#a9e5d0#e0dacf#f5f4f1#212121#443828
