Logo

The logo is the most visible expression of our brand. Consistent application builds recognition and trust.

Logo variations

Variation	File	Usage
Primary (full color)	`logo-primary.svg`	Default for all light backgrounds
White	`logo-white.svg`	Dark backgrounds, hero images
Monochrome	`logo-mono.svg`	Single-color print, watermarks
Icon only	`logo-icon.svg`	Favicon, app icon, social avatars

Clear space

The logo must always have adequate breathing room. Minimum clear space equals the height of the icon mark (the symbol portion of the logo).

    ┌─────────────────────────┐
    │                         │
    │    [ICON] Company       │
    │                         │
    └─────────────────────────┘
    ← H →              ← H →

Minimum size

Variation	Digital	Print
Full logo	120px wide	25mm wide
Icon only	24x24px	8mm

Usage rules

Always:

Use the official logo files provided — never recreate or redraw
Maintain proportions when scaling
Use the correct color variation for the background

Never:

Stretch, rotate, or distort the logo
Add drop shadows, gradients, or effects
Place on busy backgrounds that reduce legibility
Use the logo as a replacement for text in sentences
Change the logo colors outside the approved variations
Outline or add strokes to the logo

Background contrast

For light backgrounds (white, gray-50 to gray-200), use the primary full-color logo. For dark backgrounds (gray-800, gray-900, brand colors), use the white logo. For photographic backgrounds, place the logo in a solid white/dark area or use a semi-transparent backdrop.