A short book for everyone who writes, draws or speaks Calistro.

These guidelines describe the visual and verbal identity of Calistro. They are written to be useful to a working designer or engineer — not to a brand consultant. Read once, refer to as needed.

The Calistro mark is a lowercase wordmark in Geist, paired with a bracketed cipher. The cipher reads as a signal channel; the blue diode at its corner represents the live data plane. The two appear together by default. The cipher may stand alone as an avatar, favicon or mute mark on physical print.

The mark needs room. Reserve a margin equal to the height of the cipher on every side. Don't go smaller than 12px for the cipher height in digital or 8mm in print.

Eight tokens. Electric is the only true accent — use it sparingly, where you want the eye to go. Lattice green, amber and signal red are status colours; they do not appear in marketing surfaces unless they describe a system state.

Two families. Geist for everything readable. JetBrains Mono for anything technical — labels, code, metrics, timestamps. No third family, ever.

Calistro speaks the way our product speaks: short sentences, no jargon, technically literate. We assume the reader knows what they're doing and won't insult their time.

The full library lives in Figma and Storybook. Here is the visual baseline — the components you'll see most. All radii are 6px (interactive) or 12px (cards).

Glyphs over pictograms. We prefer monospace symbols (◇ ◎ ⊞ ↳ ↦ ●) over decorative line icons. The only exception is the phone glyph, used in CTAs that ring you back.

A two-syllable rising figure, 480ms, played at the start of any product video or live demo. It approximates the rhythm of «ca-listro». The waveform pattern below is the visual companion, used in hero sections and audio players.

A short list, observed often.