Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
VTEX
E-commerceVTEX projects enterprise authority through massive 60px headlines paired with a vibrant magenta accent that cuts through pristine white space. The VTEXTrust custom typeface creates institutional credibility while the hot pink injection signals innovation disruption in the traditionally conservative B2B commerce space.
Design Identity
Signature Color
VTEX Magenta
#FF1744
Bold enterprise innovation - breaks B2B conventions with consumer-grade energy while maintaining executive trust
Visual Identity
Massive typographic hierarchy with surgical precision - 60px headlines dominate vast white canvases, punctuated by strategic hot pink elements that create unmistakable brand moments
Component Style
Generous 12px rounded corners soften enterprise seriousness, buttons feel substantial with confident padding, no harsh shadows - everything breathes with executive-level sophistication
Spacing Philosophy
Luxurious white space dominates - headlines get acres of breathing room while tight component spacing maintains focus, creating a premium enterprise software atmosphere
Design Principles
- Headline typography never below 36px - dominance through scale
- 12px border radius across all components for approachable authority
- Hot pink reserved only for primary actions and brand elements
- VTEXTrust typeface exclusively - no font mixing
- White space ratios favor generosity over density
Target Audience
Fortune 500 CIOs and commerce executives who need enterprise-grade solutions but want to signal innovation leadership to their boards
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 | 25.6px | |
| h1 | 60px | 500 | 75px | |
| h2 | 36px | 700 | 40px | |
| h3 | 20px | 700 | 28px | |
| h4 | 14px | 600 | 20px | |
| p | 18px | 400 | 29.25px | |
| a | 14px | 500 | 20px | |
| button | 14px | 500 | 20px | |
| nav | 16px | 400 | 25.6px | |
| header | 16px | 400 | 25.6px |
Color Palette
#ffffff#e5e7eb#000000
