Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Vendr
SaaS ManagementVendr presents a sophisticated, high-contrast aesthetic built around a distinctive purple gradient header that creates dramatic depth. The rich burgundy/wine text against pristine white backgrounds evokes premium enterprise software, while the Söhne typeface delivers editorial sophistication that speaks to executive decision-makers.
Design Identity
Signature Color
Vendr Burgundy
#1a0513
executive gravitas and premium enterprise authority
Visual Identity
The dramatic purple-to-black gradient header combined with ultra-high contrast burgundy typography on stark white creates an unmistakably luxurious, executive-focused identity that feels more like a premium financial publication than typical SaaS.
Component Style
Buttons feature bold pill-shaped forms with 32px border radius and generous 16px 32px padding. The primary CTA uses deep black backgrounds with crisp white text, while secondary buttons maintain elegant transparency with subtle borders. Everything feels substantial and executive-appropriate.
Spacing Philosophy
Lavish vertical breathing room with 80px+ section gaps creates a sense of premium restraint. The layout centers content in a focused column with expansive side margins, emphasizing quality over quantity and executive focus over information density.
Design Principles
- Border radius uses 32px pills for primary actions, 16px for cards
- Typography hierarchy jumps dramatically: 56px headlines, 24px subheads, 16px body
- Font weight stays conservative: 500 max for headlines, 400 for body
- Shadows are subtle: 0 4px 24px rgba(0,0,0,.08) maximum
- Color palette maintains high contrast: dark burgundy text on pure white
Target Audience
C-suite executives and senior procurement officers at enterprise companies who need to justify software spend and value sophisticated, financial-grade tooling over flashy startup 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 | normal | |
| h1 | 56px | 500 | 60.48px | |
| h2 | 24px | 600 | 27.6px | |
| h3 | 28px | 400 | 37.8px | |
| h4 | 12px | 600 | 18px | |
| h5 | 28px | 400 | 37.8px | |
| p | 12px | 400 | 12px | |
| a | 16px | 400 | 24px | |
| button | 15px | 500 | 13.5px | |
| nav | 16px | 400 | 24px |
Color Palette
#ffffff#121212#3498db#07bc0c#f1c40f#e74c3c#757575#616161#e0e0e0#bb86fc#6a6a6a#fff0e8
