Visual Identity

Logo

Our logo is the most recognizable expression of the Contio brand. Use it consistently and protect it from misuse.

Horizontal

The primary logo format. Use this whenever space allows.

Primary Logo

Use whenever possible on light backgrounds. Colored mark + black wordmark.

SVG ↓PNG ↓

Primary Logo — Reversed

Use on dark or Contio Blue backgrounds. Colored mark + white wordmark.

SVG ↓PNG ↓

All Black

Only use when color cannot be used — print, single-color, or accessibility contexts.

SVG ↓PNG ↓

All White

White monochrome version for dark single-color contexts.

SVG ↓PNG ↓

Stacked

Use when the horizontal logo becomes too small, or a square/portrait format is needed.

Stacked — Color

Colored mark + white wordmark below. Use when the horizontal logo is too small or a square format is needed.

SVG ↓PNG ↓

Stacked — Color (Light BG)

Colored mark + black wordmark below. Use on white or light backgrounds in stacked format.

SVG ↓PNG ↓

Stacked — All Black

Monochrome stacked logo for single-color print or light backgrounds.

SVG ↓PNG ↓

Stacked — All White

Monochrome white stacked logo for single-color reversed contexts.

SVG ↓PNG ↓

Arch Mark

The logomark only — use exclusively for favicons, app icons, and contexts where the full logo won't fit.

Arch Mark — Color

Use only when the full logo is too large — favicons, app icons, profile photos.

SVG ↓PNG ↓

Arch Mark — Black

Single-color black mark for small-format or print contexts.

SVG ↓PNG ↓

Arch Mark — White

Single-color white mark for dark small-format contexts.

SVG ↓PNG ↓

Do Not...

These rules protect the integrity of our mark. Never deviate from them.

Use colored logos on a color background

Squish or stretch the logo

Use a different font for the Contio name

Outline the wordmark or logomark

Fill the logo with a photo or pattern

Place it on a low-contrast background

Rotate the logo

Apply a gradient fill to the wordmark

Add space or padding to the logo lockup

Minimum Sizes

Never reproduce the logo smaller than these dimensions to ensure legibility.

Variant	Digital (px)	Print (mm)
Primary / Horizontal	120px wide	30mm wide
Stacked	80px wide	20mm wide
Arch Mark Only	24px wide	8mm wide

⚠ Exact minimum sizes TBD — update this table with final values from the brand team.