Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Calpak
RetailCalpak embodies effortless sophistication through warm, editorial photography paired with minimal typography. The brand feels like a curated lifestyle magazine brought to life - intimate yet aspirational, with an emphasis on authentic moments rather than sterile product shots.
Design Identity
Signature Color
Calpak Crimson
#ff0000
Bold confidence and travel passion - the pop of color that makes every journey memorable
Visual Identity
Densely packed, intimate product photography that feels more like a personal collection than a catalog - bags arranged organically in real spaces with natural lighting and authentic wear patterns.
Component Style
Minimal buttons with subtle shadows and gentle 4px corner radius. Components feel lightweight and unobtrusive - thin borders, soft transitions (.15s ease), and restrained visual hierarchy that never competes with photography.
Spacing Philosophy
Compact 18px base rhythm with tight 8px component gaps creates an intimate, curated feel. Space is precious and purposeful - every pixel serves the product story rather than creating artificial breathing room.
Design Principles
- Border radius consistently uses 4px for subtle softness
- All transitions use .15s ease for uniform responsiveness
- Typography weights stay between 400-700 for gentle hierarchy
- Button shadows eliminated (none) for flat, modern aesthetic
- Red accent color (#ff0000) reserved for sale/urgency moments only
Target Audience
Design-conscious millennials and Gen-Z travelers who value authentic experiences over luxury logos - people who see luggage as lifestyle curation, not just utility
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 | 20px | |
| h1 | 36px | 400 | normal | |
| h2 | 36px | 400 | 36px | |
| h3 | 24px | 400 | 24px | |
| h4 | 16px | 700 | 20px | |
| p | 16px | 450 | 19.2px | |
| a | 16px | 400 | 16px | |
| button | 20px | 400 | 20px | |
| input | 13.3333px | 400 | normal | |
| nav | 16px | 400 | 20px |
Color Palette
#374151#f8f8f8#000000#11181c#575ad6#ff0000#fbf7a1#f7f177#e4dfd5#e00000#ffffff#ee0000
