Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Audemars Piguet
LuxuryAudemars Piguet embodies cinematic luxury through dramatic atmospheric lighting and misty, ethereal compositions that feel like fine art photography. The ultra-thin Helvetica Neue typography whispers sophistication while massive white text creates theatrical hierarchy against moody, cloud-like backgrounds.
Design Identity
Signature Color
Midnight Forest
#02291f
ancestral Swiss heritage and timeless horological mastery
Visual Identity
Atmospheric, cloud-like lighting effects with dramatic shadows and ethereal mist that transforms product photography into cinematic art - creating an almost supernatural, otherworldly presentation.
Component Style
Invisible UI with ghost-light typography - ultra-thin 100-300 weight fonts that barely touch the surface, minimal borders, and subtle shadows that mimic natural atmospheric effects rather than digital elements.
Spacing Philosophy
Vast negative space dominates with the product floating in atmospheric void - generous breathing room around hero elements while maintaining intimate proximity between related text elements.
Design Principles
- Typography never exceeds 300 weight except for navigation at 500
- Border radius stays minimal at 4-8px maximum
- Shadows mimic natural atmospheric effects, not digital depth
- White text dominates dark atmospheric backgrounds
- Product always floats in ethereal negative space
Target Audience
Ultra-high-net-worth collectors and connoisseurs who view timepieces as generational art investments rather than mere accessories.
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 |
|---|---|---|---|---|
| a | 14px | 500 | 20.86px | |
| body | 16px | 300 | 23.84px | |
| h1 | 56px | 100 | 56px | |
| h2 | 56px | 100 | 56px | |
| h4 | 16px | 500 | 24px | |
| p | 17px | 300 | 22.95px | |
| button | 14px | 300 | 18px | |
| nav | 16px | 300 | 23.84px | |
| header | 16px | 300 | 23.84px | |
| footer | 16px | 300 | 23.84px |
Color Palette
#ffffff#c9b586#f6f5f3#31663a#456148#02291f#818181#c4c4c4#757575#656565#eeeeee#8b8c8c
