Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Refurbed
E-commerceRefurbed creates a consumer-friendly sustainability narrative with deep purple gradients and warm, rounded typography that feels approachable yet premium. The Readex Pro typeface delivers reassuring clarity while the purple-to-green gradient hero section suggests transformation from tech waste to renewed possibility.
Design Identity
Signature Color
Refurbed Blue
#4271db
sustainable technology trust - bridging premium quality with environmental responsibility
Visual Identity
Distinctive gradient hero sections that transition from deep purple to emerald green, creating an unmistakable environmental tech aesthetic that feels warmer than typical e-commerce sites.
Component Style
Generous rounded corners (12px+) with soft shadows and gradient overlays. Buttons feel pillowy and inviting rather than sharp. Cards use subtle elevation with warm backgrounds instead of stark whites.
Spacing Philosophy
Comfortable breathing room with 32px+ gaps between major sections. Dense product grids balanced by generous whitespace around text content, creating a retail-friendly browsing experience.
Design Principles
- All primary CTAs use rounded corners of 12px or more
- Gradient overlays preferred over flat colors for hero sections
- Typography weight never exceeds 600 - keeps tone friendly not aggressive
- Product imagery uses consistent aspect ratios with subtle shadow treatments
- Environmental messaging integrated visually through color transitions
Target Audience
Environmentally conscious consumers aged 25-45 who want premium refurbished electronics without compromising on quality or aesthetics
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 | 30px | 600 | 36px | |
| h2 | 14px | 600 | 20px | |
| h3 | 20px | 600 | 28px | |
| h4 | 20px | 600 | 28px | |
| p | 14px | 400 | 16px | |
| a | 16px | 400 | 24px | |
| button | 16px | 400 | 24px | |
| input | 14px | 400 | 20px | |
| nav | 16px | 400 | 24px |
Color Palette
#4271db#ffffff
