Brand book

The visual rules behind oncroo.

A short reference. The full system lives in CSS variables under src/app/globals.css — these are the values that ship.

Palette

Cobalt

#2563EB

var(--accent)

Signature accent. Buttons, links, "in-progress" states.

REC red

#E63946

var(--rec)

Live/recording/danger. The dot in oncroo.

Ink

#0B0B0D

var(--bg)

Page background. Deep, near-black, warm.

Cream

#F5F3EE

var(--cream)

Foreground text. Off-white, never #FFF.

Surface

#131318

var(--surface)

Cards + elevated panels.

Surface 2

#1A1A21

var(--surface-2)

Section breaks + inset blocks.

The mark

oncroo.

The iris — circle plus crossing apertures — is the stand-alone glyph. Wordmark is always lowercase. The period is REC red. Never bold the period; never break the wordmark across two lines.

Typography

Display + UI

Geist

Headlines, body, navigation, buttons. Tighten tracking on display sizes (-0.02em → -0.045em).

The quick brown fox jumps over the lazy dog. 0123456789

Mono / labels

Geist Mono

Eyebrows, code, IDs, timestamps, status pills. Uppercase + 0.18em tracking on small caps.

CALL SHEET · DAY 6 · 06:30 PT

Voice

— Direct. We don't hedge. “Run your set, not your inbox.”
— Production-coded. Use real terms (call sheet, deal memo, sides) instead of generic SaaS-speak.
— No emoji in product copy. Mono labels carry the texture instead.
— Sentences over headlines. If a marketing line gets longer than 14 words, it's probably two ideas.