Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
La Mer
BeautyLa Mer embodies ultra-luxury skincare through editorial sophistication, pairing a custom serif headline typeface with ethereal coral-pink gradients that evoke precious pearls and ocean depths. The brand's aesthetic whispers exclusivity through generous whitespace, understated elegance, and a palette that suggests both natural beauty and scientific precision.
Design Identity
Signature Color
Ocean Pearl
#E8A89A
Luxury skincare mystique - the intersection of natural oceanic beauty and premium cosmetic science
Visual Identity
Asymmetrical text-heavy layouts with dramatic typography scale contrast - oversized serif headlines against minimal sans-serif body text, all floating in vast white space with subtle coral-toned product photography
Component Style
Invisible UI philosophy - text-only buttons with subtle underlines, no visible borders or shadows, everything relies on typography hierarchy and negative space rather than traditional component styling
Spacing Philosophy
Museum-gallery spacing with dramatic negative space - likely 80-120px between major sections, creating an atmosphere where each element has room to breathe and command attention
Design Principles
- Headlines use custom 'La Mer Headline' serif at 52px with 500 weight
- Body text never exceeds 15px, maintaining readable intimacy
- Zero visible borders or shadows - pure typographic hierarchy
- Coral-pink gradients only for hero imagery, never UI elements
- Asymmetrical layouts with text-dominant left columns
Target Audience
Ultra-affluent beauty connoisseurs aged 35-65 who view skincare as both ritual and investment, seeking brands with heritage mystique over trendy innovation
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 | 15px | 400 | 22.5px | |
| h2 | 52px | 500 | 52px | |
| h3 | 15px | 400 | 22.5px | |
| p | 14px | 400 | 21px | |
| a | 15px | 400 | 22.5px | |
| button | 15px | 400 | 22.5px | |
| input | 12px | 400 | 13.8px | |
| header | 15px | 400 | 22.5px | |
| footer | 15px | 400 | 22.5px |
Color Palette
#ffffff#3b82f6
