Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Mejuri
E-commerceMejuri creates an intimate, elevated jewelry experience through dramatic contrast between warm gold tones and deep black backgrounds. The monospace 'PIECE IT TOGETHER' call-to-action paired with elegant sans-serif headlines creates a unique tension between technical precision and luxury craftsmanship.
Design Identity
Signature Color
Mejuri Gold
#D4AF37
Luxury accessibility - premium jewelry for everyday moments rather than special occasions
Visual Identity
Dark, cinematic photography with hands as the primary focus, always showcasing jewelry in natural gestures rather than static product shots
Component Style
Invisible UI philosophy - text overlays float cleanly on photography without containers, buttons appear as simple monospace text links, no visible borders or background treatments interfere with the visual narrative
Spacing Philosophy
Generous negative space allows photography to breathe, with text elements positioned in clear zones that don't compete with product visibility. Large gaps between navigation and hero content create premium whitespace.
Design Principles
- Photography always takes precedence over UI elements
- Monospace typography for interactive elements creates editorial contrast
- White text overlays never use background containers
- Navigation remains minimal and unobtrusive
- Headlines use tight line-height matching font-size for impact
Target Audience
Style-conscious millennials who view jewelry as daily self-expression rather than special occasion luxury
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 | 500 | 24px | |
| h2 | 48px | 500 | 48px | |
| h3 | 32px | 500 | 32px | |
| h4 | 24px | 500 | 24px | |
| h5 | 14px | 500 | 18.62px | |
| p | 12px | 500 | 15.96px | |
| a | 16px | 400 | 24px | |
| button | 16px | 400 | 24px | |
| input | 16px | 400 | 24px |
Color Palette
#3b82f6#ffffff
