Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Bobbi Brown
BeautyBobbi Brown embodies sophisticated minimalism with a stark black and white foundation that lets product imagery command attention. The typography hierarchy using custom BBSans and BBText fonts creates editorial elegance, while generous whitespace and asymmetrical layouts evoke high-end fashion magazine aesthetics.
Design Identity
Signature Color
Editorial Black
#000000
Luxury authority and timeless sophistication that elevates makeup artistry to high fashion
Visual Identity
Dramatic asymmetrical layouts with bold typography on pure black backgrounds, creating stark contrast that makes product imagery pop like editorial spreads
Component Style
Clean rectangular buttons with minimal styling, no shadows or heavy borders. Everything feels flat and editorial with sharp corners and subtle interactions that maintain the sophisticated aesthetic.
Spacing Philosophy
Generous whitespace creates breathing room between sections, with tight internal component spacing. The left-aligned hero text against expansive black space creates editorial magazine tension.
Design Principles
- Black and white dominance with color only in product imagery
- Custom BBSans for headlines at 40px with tight line-height
- Asymmetrical layouts favoring left-alignment
- Minimal shadows and effects - flat design approach
- Product imagery as primary color source
Target Audience
Sophisticated makeup enthusiasts and professional artists who value timeless elegance over trendy aesthetics
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 | 14px | 400 | 19px | |
| h1 | 40px | 400 | 40px | |
| h2 | 40px | 400 | 40px | |
| p | 15px | 500 | 19.5px | |
| a | 16px | 400 | 0px | |
| button | 14px | 400 | 30px | |
| input | 14px | 400 | normal | |
| header | 14px | 400 | 19px | |
| footer | 14px | 400 | 18.2px |
Color Palette
#ffffff#3b82f6
