Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Bang & Olufsen
DesignBang & Olufsen's design exudes understated luxury through minimalist Nordic aesthetics, using subtle forest green accents against pristine white space. The BeoSupreme typography creates an intimate, sophisticated atmosphere that whispers premium quality rather than shouting it.
Design Identity
Signature Color
Forest Sage
#2c622c
Scandinavian heritage meets sustainable luxury - a deep, contemplative green that suggests craftsmanship rooted in nature
Visual Identity
Expansive white space punctuated by understated dark green elements, creating a gallery-like presentation where products become art pieces in a curated space
Component Style
Minimal ghost buttons with subtle borders and gentle rounded corners - everything feels weightless and refined, like touching museum displays through invisible glass
Spacing Philosophy
Generous breathing room dominates with museum-quality white space, allowing each element to exist in contemplative isolation while maintaining intimate connection
Design Principles
- Typography maintains consistent 400 weight across all headings for understated elegance
- Green accent color appears sparingly as visual punctuation marks
- White space ratios favor content isolation over density
- Custom BeoSupreme font creates distinctive Scandinavian character
- Smooth cubic-bezier transitions (400ms) add tactile refinement
Target Audience
Design-conscious audiophiles and luxury minimalists who value Danish craftsmanship and understand that true premium lies in restraint
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 | 24px | 400 | 36px | |
| h2 | 24px | 400 | 36px | |
| h3 | 24px | 400 | 36px | |
| p | 27px | 500 | 32.4px | |
| a | 15px | 600 | normal | |
| button | 15px | 400 | normal | |
| input | 15px | 400 | normal | |
| nav | 16px | 400 | 18.4px | |
| header | 16px | 400 | 18.4px |
Color Palette
#2c622c#234923#222222#f6f6f6
