Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Italic
E-commerceItalic embodies editorial sophistication through its Mediterranean-inspired aesthetic, combining warm cream backgrounds with lavender purple accents that evoke luxury lifestyle publications. The typography mixing elegant serif (Martina Plantijn) with technical monospace creates a cultured yet contemporary voice that speaks to discerning taste.
Design Identity
Signature Color
Lavender Provence
#C8B8E0
sophisticated tranquility and artisanal luxury that bridges European elegance with contemporary lifestyle
Visual Identity
The distinctive combination of soft lavender purple textiles against warm Mediterranean terracotta and cream creates an unmistakable editorial luxury aesthetic, like a high-end lifestyle magazine brought to life.
Component Style
Understated elements with subtle shadows and minimal borders - components feel refined rather than tech-forward, with gentle curves and sophisticated restraint that prioritizes content over interface.
Spacing Philosophy
Generous breathing room with editorial pacing - large hero sections create impact while intimate details get careful attention, mimicking the rhythm of luxury print publications.
Design Principles
- Typography contrasts serif elegance (Martina Plantijn 300 weight) with technical precision (IBM Plex Mono)
- Border radius stays minimal at 2-9px for subtle softness without being overtly rounded
- Shadows are layered and complex (popover uses 3-layer shadow system) for dimensional depth
- Color palette centers on warm neutrals (#faf6f2 backgrounds) with muted purple accents
- Monospace links use 11px at 700 weight for technical credibility
Target Audience
Affluent lifestyle enthusiasts who value European aesthetic sensibility and artisanal quality over mass market trends
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 | |
| h2 | 16px | 300 | 24px | |
| h3 | 11px | 400 | 16px | |
| h4 | 16px | 300 | 20px | |
| p | 16px | 300 | 24px | |
| a | 11px | 700 | 16.5px | |
| button | 16px | 400 | 24px | |
| input | 16px | 300 | 24px | |
| nav | 14px | 300 | 16.8px | |
| header | 16px | 400 | 24px |
Color Palette
#3f5260#41a1e6#000000#fcd7ca#3d0c03#faf6f2#2e3030#c42d31#e6e2de#c5c5c5#ecc2bb#ffffff
