Brand Guidelines | Vendure
Brand Guidelines
These guidelines help you use the Vendure brand consistently. Whether you're a partner, contributor, or journalist, you'll find everything you need to represent Vendure correctly.
Please don't modify, distort, recolor, or reconfigure the Vendure logo. If you have questions about usage, reach out to us.
Brand identity
Logo
Primary Logo
The primary Vendure logo combines the logomark (icon) and wordmark. Use this version whenever possible.
Primary Logo
SVG
Copy URL
Primary Logo
PNG
Copy URL
Iconmark
SVG
Copy URL
Iconmark
PNG
Copy URL
Additional Variants
Additional logo variants for different contexts. Use the light version on dark backgrounds and the dark version on light backgrounds.
Logo - Light
SVG
Copy URL
Logo - Dark
SVG
Copy URL
Iconmark - Light
SVG
Copy URL
Iconmark - Dark
SVG
Copy URL
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.
Vendure Blue
#17C1FF
Primary brand color. Logo, links, interactive elements, CTAs.
White
#FFFFFF
Primary text on dark backgrounds. Logo light variant.
Deep Black
#09090B
Primary background. Main canvas for the dark theme.
Secondary Colors
Supporting colors used for accents, states, and UI elements.
Muted Gray
#A1A1AA
Secondary text, descriptions, subtle UI elements.
Border Gray
#27272A
Borders, dividers, card outlines.
Surface
#18181B
Card backgrounds, elevated surfaces.
Success Green
#22C55E
Success states, positive indicators.
Warning Amber
#F59E0B
Warning states, attention indicators.
Error Red
#EF4444
Error states, destructive actions.
Typography
Typefaces
Vendure uses a carefully selected set of typefaces that balance readability, personality, and technical clarity.
Public Sans
Headings & Accent
400500600700
400
The quick brown fox jumps over the lazy dog
500
The quick brown fox jumps over the lazy dog
600
The quick brown fox jumps over the lazy dog
700
The quick brown fox jumps over the lazy dog
Inter
Body & Paragraphs
400500600
400
The quick brown fox jumps over the lazy dog
500
The quick brown fox jumps over the lazy dog
600
The quick brown fox jumps over the lazy dog
Geist Mono
Code & Technical
400500700
400
const vendure = new VendureServer(config);
500
const vendure = new VendureServer(config);
700
const vendure = new VendureServer(config);