New France e-invoicing mandate goes live September 2026 — our implementation is ready. See all mandates →
Brand Assets

Our mark, clearly explained

Download logos, understand the rules, use Clearvo's identity correctly.

The Mark

Pair

Two circles. A supplier and a buyer. The mark encodes what Clearvo does — a document moving between two parties — without being literal. The large circle sits lower-left; the small circle upper-right. They don't touch. They don't need to.

Violet on white
Near-black on white
Violet on dark
White on dark
Wordmark

Lockup

The mark and wordmark sit side by side with consistent spacing. The word "clearvo" is set in Inter 800 at a tight letter-spacing of −0.05em. Never mix weights or alter the spacing.

clearvo
Large
Mark: 36 × 36px
Type: 34px
Inter 800
clearvo
Small
Mark: 18 × 18px
Type: 16px
Inter 800
Colours

Palette

Four colours make up the Clearvo identity. Violet is the mark colour. Deep violet is the UI accent. Near-black anchors body text. Off-white provides a gentle tint for backgrounds.

#7c3aed
Primary mark colour
#6d28d9
Brand accent (UI)
#0f172a
Primary text
#f5f3ff
Light tint
Typography

Type system

Inter is the sole typeface across all Clearvo touchpoints — wordmark, UI, and marketing copy. The wordmark uses weight 800 only. Body copy uses Regular (400) and Medium (500).

clearvo
Inter 800 48px letter-spacing −0.05em
Wordmark face Inter 800 — used only for the wordmark at all sizes. Never substitute another weight.
Body copy Inter Regular (400) for long-form text; Inter Medium (500) for emphasis and labels.
Letter spacing −0.05em on the wordmark. Headings use −0.03em. Body text is set at 0 (default tracking).
Downloads

Logo files

All assets are SVG. Use the horizontal lockup for most contexts. Use the icon for favicons, app icons, and small placements where the wordmark would be unreadable.

Mark SVG
Horizontal lockup with wordmark. Use for headers, footers, and presentations.
Download SVG →
Icon SVG
Mark only, for favicons and icons. Minimum display size: 16 × 16px.
Download SVG →
Square icon
512 × 512 app icon on a rounded-rect background. Use for app stores and social avatars.
Download SVG →
Usage

Rules

The mark is built on geometric precision. Distorting it breaks the underlying idea. Follow these rules to keep it intentional.

✓
Do
  • ✓ Use the mark on white or very light backgrounds where contrast is maintained.
  • ✓ Maintain clearspace equal to the large circle's radius on all four sides.
  • ✓ Use only the approved colours: violet #7c3aed, near-black #0f172a, or white.
  • ✓ Scale proportionally — both circles must remain in their original ratio.
✕
Don't
  • ✕ Stretch, skew, or rotate the mark. The circle geometry is load-bearing.
  • ✕ Apply gradients, shadows, or glows to the mark itself.
  • ✕ Place the mark on busy, patterned, or low-contrast backgrounds.
  • ✕ Use any colour outside the approved palette, including tints or opacity variants.

Questions about brand usage?

Email us at support@clearvo.io