Brand

TOVR is the logo.

There is no symbol to learn. The word carries the identity everywhere it fits, and a single letter stands in where it doesn't. Everything on this page is downloadable, and the rules are short on purpose.

01 — Wordmark

The wordmark

Set in Geist, our interface face, and shipped as outlines rather than live text. That means it renders identically everywhere and never falls back to another face if a font fails to load.

On light
On neutral
On dark
02 — Short mark

The short mark

A three-to-one wordmark cannot go in a favicon, an app icon, or a circular avatar. The short mark folds the same four letters onto two lines, so the whole name survives the square — no second identity, nothing new to learn.

Actual size: 128, 64, 32 and 16 pixels. Below about 24px the counters begin to close.

03 — Space and size

Clear space and minimum size

Clear space is expressed in cap heights so it survives any scale.

  • Clear space — half a cap height on all four sides.
  • Minimum wordmark — 16px cap height.
  • Minimum mark — a 16px box.
04 — Misuse

What not to do

Never stretch or condense. Use the drawn width.
Never recolour. The brand is monochrome by design.
Never outline or add a stroke.
Never add shadows, gradients or effects.
Tovr
Never write it as Tovr or tovr. The name is always set in capitals.
Never rotate or set the wordmark on an angle.
05 — Colour

Colour

The palette carries no chroma at all: pure black, pure white, and a grey ladder between them. Colour is reserved for meaning — success, warning, destructive — so it always reads as information rather than decoration.

Light
--backgroundoklch(1 0 0)
--mutedoklch(0.9851 0 0)
--borderoklch(0.937 0 0)
--muted-foregroundoklch(0.5103 0 0)
--foregroundoklch(0 0 0)
Dark
--backgroundoklch(0 0 0)
--mutedoklch(0.1776 0 0)
--borderoklch(0.3211 0 0)
--muted-foregroundoklch(0.7058 0 0)
--foregroundoklch(1 0 0)
Semantic only
--success
--warning
--destructive
06 — Typography

Typography

Geist for everything you read, Geist Mono for labels, metrics and anything that lines up in a column. Two faces, no exceptions.

Geist — interface and body
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789
Geist Mono — labels and data
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789
DisplayTOVR
TitleTOVR
HeadingTOVR
BodyTOVR
SmallTOVR
07 — Tokens

Shape

One corner radius, one shadow ramp. Both come straight from the stylesheet, so what you see here is what the product uses.

Radius
--radius
Elevation
shadow-xs
shadow-sm
shadow-md
shadow-lg

Downloads

SVG masters. Everything else — favicon, app icons, social cards — is generated from these, so please do not redraw them.

Using the TOVR brand

The TOVR name and marks are our trademarks. You may use them to refer to TOVR — in press, integrations, or documentation — provided you do not alter them, imply endorsement, or use them as part of your own product name. When in doubt, ask.

Brand | TOVR