Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Vinted
MarketplaceVinted embraces a warm, tactile aesthetic that feels like browsing through a friend's vintage wardrobe. The teal accent color (#007782) creates an approachable yet trustworthy marketplace atmosphere, while the custom Inter typography with its precise font weights (375, 580) delivers a contemporary refinement that bridges casual and professional.
Design Identity
Signature Color
Vintage Teal
#007782
Sustainable trust and authentic commerce - the reliability of second-hand treasures
Visual Identity
The distinctive leopard print pattern in warm browns and blacks creates an unmistakable fashion-forward signature that screams vintage luxury without pretension.
Component Style
Softly rounded components with 6px default radius feel approachable and modern. No harsh shadows - everything relies on subtle borders and natural depth. The leopard print integration suggests tactile, fabric-like UI treatments that mirror the fashion marketplace experience.
Spacing Philosophy
Compact yet breathable spacing follows a 4px base unit system, with tight 2px micro-adjustments for precision. The rhythm feels dense like a well-organized closet - efficient use of space without feeling cramped.
Design Principles
- Default border radius locked at 6px for consistent softness
- Typography uses precise fractional weights: 375 for body text, 580 for emphasis
- Base font size starts at ultra-compact 12-13px for dense information display
- Spacing increments follow 4px grid with 2px fine-tuning capabilities
- Opacity levels use specific values: .48, .64, .8 for layered transparency
Target Audience
Fashion-conscious millennials and Gen-Z who value sustainability, authenticity, and discovering unique second-hand pieces through peer-to-peer commerce
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 | 13px | 400 | 16.25px | |
| h1 | 24px | 500 | 32px | |
| h2 | 22px | 580 | 28px | |
| h3 | 14px | 375 | 18px | |
| p | 12px | 375 | 16px | |
| a | 12px | 375 | 16px | |
| button | 14px | 375 | 18px | |
| input | 16px | 375 | 22px | |
| nav | 13px | 400 | 16.25px | |
| header | 13px | 400 | 16.25px |
Color Palette
#007782
