Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Nuvemshop
E-commerceNuvemshop creates a confident, ambitious atmosphere with its deep royal blue foundation and expansive typography. The Plus Jakarta Sans typeface at large scales conveys approachability while maintaining authority, suggesting a platform that makes e-commerce both accessible and powerful.
Design Identity
Signature Color
Nuvemshop Royal Blue
#006bc8
trustworthy e-commerce authority with Brazilian warmth
Visual Identity
Expansive white space on deep blue backgrounds with oversized typography creates a sense of limitless possibility - recognizable by the generous breathing room that makes bold statements feel effortless.
Component Style
Soft-cornered buttons with 3px radius and subtle shadows feel approachable yet substantial. Components use gentle elevation rather than harsh borders, creating a welcoming but professional atmosphere that never feels intimidating.
Spacing Philosophy
Luxurious 120px section padding and 80px hero gaps create a sense of premium breathing room, while the restrained 3px border radius keeps elements grounded and accessible rather than playful.
Design Principles
- Border radius locked at 3px for subtle friendliness without playfulness
- Typography scales dramatically from 16px body to 64px headlines for clear hierarchy
- Section padding maintains consistent 120px for premium spacing rhythm
- Shadows use consistent gray tones (#cfd1d2) across all elevation levels
- Button weight stays at 600 to maintain authority without aggression
Target Audience
Small to medium business owners in Latin America who want enterprise-level e-commerce capabilities without the complexity or intimidation factor.
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 | 18px | 400 | 23.4px | |
| h1 | 64px | 600 | 70.4px | |
| h2 | 64px | 600 | 70.4px | |
| h3 | 32px | 700 | 35.2px | |
| h6 | 18px | 600 | 23.4px | |
| p | 16px | 400 | 20.8px | |
| a | 18px | 400 | 23.4px | |
| button | 16px | 600 | 20.8px | |
| nav | 18px | 400 | 23.4px | |
| header | 18px | 400 | 23.4px |
Color Palette
#000e19#001c34#002c53#003e74#004e93#005eaf#006bc8#0f7ddc#3f9bec#7abcf7#bcdffd#deeffe
