Logo
Primary Logo
The primary Vendure logo combines the logomark (icon) and wordmark. Use this version whenever possible.
Additional Variants
Additional logo variants for different contexts. Use the light version on dark backgrounds and the dark version on light backgrounds.
Logo Usage Guidelines
Do
- Use the official logo files provided above
- Maintain adequate clear space around the logo
- Use the light logo on dark backgrounds and the dark logo on light backgrounds
- Use SVG format whenever possible for crisp rendering at any size
Don't
- Alter the logo colors or apply gradients
- Stretch, skew, or rotate the logo
- Add drop shadows, outlines, or other effects
- Place the logo on busy or low-contrast backgrounds
- Recreate or substitute the logo with a different typeface
Color Palette
Primary Colors
Our primary color palette defines the core Vendure visual identity.
Primary brand color. Logo, links, interactive elements, CTAs.
Primary text on dark backgrounds. Logo light variant.
Primary background. Main canvas for the dark theme.
Secondary Colors
Supporting colors used for accents, states, and UI elements.
Secondary text, descriptions, subtle UI elements.
Borders, dividers, card outlines.
Card backgrounds, elevated surfaces.
Success states, positive indicators.
Warning states, attention indicators.
Error states, destructive actions.
Typography
Typefaces
Vendure uses a carefully selected set of typefaces that balance readability, personality, and technical clarity.
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
const vendure = new VendureServer(config);
const vendure = new VendureServer(config);
const vendure = new VendureServer(config);