brand/typography last revised · 2026-04-27
03

Typography — four
typefaces, one job each.

Gambarino is the wordmark, only. Space Grotesk is everything interface — display, UI, labels, buttons. Newsreader is the wiki body — articles, dossier prose, anywhere the user is reading more than a sentence. JetBrains Mono is data, IDs, timestamps, telemetry. Don't add a fifth.

Specimens · scale · pairings · rules · tokens
03.1

The four brand · display · wiki · mono

Gambarino — the brand voice 1 STYLE · ITALIC · 400 · WORDMARK ONLY
b e o r a .
96 · WORDMARK
beora.
32 · STRAP
— a kinder kind of attention.
17 · INLINE
The product is Beora — set in Gambarino italic, only at this size, only inline in body copy.
Space Grotesk — display, UI, the workhorse 5 WEIGHTS · 300 / 400 / 500 / 600 / 700
A a G g 1
56 · DISPLAY-1
A morning brief, delivered at 06:42.
36 · DISPLAY-2
Twelve dimensions. One Rita.
22 · DISPLAY-3
Section title in Display-3.
16 · UI-LARGE
Button label · Resident name · primary nav
13 · UI-DEFAULT
Default body · table cells · form labels · inline help
Newsreader — the wiki body 2 OPTICAL SIZES · 400 / 500 · ITALIC
A a g & 1
22 · WIKI-LEDE
CareWiki is the LLM-Wiki for behavioral health. It is what the agent reads before it says anything.
17 · WIKI-BODY

At 00:42 overnight, Rita's cuff logged 168/104 — her third post-midnight systolic excursion above 160 this month. Beora paged Dr. Ramos on-call at 00:43 and received acknowledgment at 00:45. The pattern across the last fourteen nights suggests evening metoprolol is landing too late.

JetBrains Mono — data & chrome 5 WEIGHTS · TABULAR · 0.18EM TRACKING FOR LABELS
A a 0 → ·
14 · DATA
168 / 104 mmHg · HR 72 · SpO₂ 96 · 00:42
10.5 · LABEL
CARE TEAM · MORNING BRIEF · CLASSIFIED
11 · ID / DOC
MRN 28-04-19 · DOC-V4-2026-04-27 · BEORA → DR. RAMOS
03.2

The display scale 8 sizes, named

D-1 · 80 beora. Marketing hero · cover slides
FONT Space Grotesk 500
D-2 · 56 Morning brief Page H1 · dossier name
FONT Space Grotesk 500
D-3 · 36 Twelve dimensions Section H2 · panel title
FONT Space Grotesk 500
D-4 · 22 Subsection title Card title · group head
FONT Space Grotesk 500
D-5 · 16 Resident name · button UI-large · button · row title
FONT Space Grotesk 600
UI · 13 Default body, table cells, form labels. UI-default · the workhorse
FONT Space Grotesk 500
CAP · 10.5 CLASSIFIED · CARE TEAM Caps label · 0.18em
FONT JetBrains Mono 500
DATA · 14 168 / 104 · 00:42 Tabular numerals only
FONT JetBrains Mono 500
03.3

Pairings how the four typefaces sit together

P · 01DOSSIER HEAD
CRITICAL · D2 · OVERNIGHT

Alvarez, Rita — overnight

MRN 28-04-19 · CAPTURED 2026-04-21 · 00:42

At 00:42 overnight, Rita's cuff logged 168/104 — her third post-midnight systolic excursion above 160 this month.

P · 02CLASSIFICATION STRIP
CLASSIFIED · CARE TEAM
Serenity House — Bluebell wing
SHIFT 06:00 → 14:00 · 14 RESIDENTS · 1 CRITICAL
P · 03WIKI ARTICLE
CAREWIKI · DIM · D2 BLOOD PRESSURE

Nocturnal hypertension in adults > 75

REV 14 · UPDATED 2026-04-12 · 6 CITATIONS

Persistent post-midnight systolic excursion above 160 mmHg in adults over 75 is a leading indicator of cardiovascular event risk. Three or more occurrences in a 30-day window warrants medication-timing review.

P · 04AGENT DRAFT
BEORA → DR. RAMOS · DRAFT

"Dr. Ramos — Rita had her third nocturnal BP spike this month. Pattern suggests her evening metoprolol is landing too late. Proposing an 18:00 timing shift. Awaiting your sign-off."

REVIEWED 07:42 · AWAITING COUNTERSIGN
03.4

Rules do · don't

✓
Gambarino is for the wordmark, full stop The only running-text use of Gambarino is the inline product name in body copy at 17px. Anywhere else: it's the wordmark or a deliberate editorial italic — never a heading style, never a button.
✕
Don't headline in Gambarino Display headings are Space Grotesk 500. If you want italic emphasis in a heading, use a Gambarino fragment inside a Space Grotesk line — not a full Gambarino headline.
✓
Newsreader for prose > one sentence The dossier narrative, wiki articles, agent drafts, family-letter previews — anything the user reads, set in Newsreader. UI labels, button text, table cells stay in Space Grotesk.
✕
Don't mix Newsreader into UI chrome No serif buttons, no serif tabs, no serif nav. Newsreader signals "you're reading" — the moment it appears in UI chrome, the system feels confused.
✓
Mono is mandatory for data & IDs Vitals, timestamps, MRNs, dimension codes, doc numbers — all JetBrains Mono with tabular numerals. Mono is how the user knows a number is real.
✕
Don't fall below 12px on screens The night-shift caregiver is reading on a 6.1" phone in a dim room. UI default is 13px. Caps labels are 10.5px and only because they're in mono and tracked. Body prose never under 15px.
03.5

CSS tokens families & sizes

VARIABLEVALUEUSE
--font-brand "Gambarino", serifwordmark · 17px inline product name only
--font-display "Space Grotesk", sans-serifdisplay · UI · headings · the workhorse
--font-ui "Space Grotesk", sans-serifalias for UI chrome — same family as display
--font-wiki "Newsreader", serifwiki body · dossier prose · agent narrative
--font-mono "JetBrains Mono", monodata · ids · timestamps · CAPS LABELS
SIZE TOKENVALUENAMED USE
--fs-80 80pxD-1 · marketing hero · cover slides
--fs-56 56pxD-2 · page H1 · dossier name
--fs-36 36pxD-3 · section H2
--fs-22 22pxD-4 · subsection · wiki lede
--fs-16 16pxUI-large · button · row title
--fs-13 13pxUI-default · table cell · form label
--fs-11 11pxmono ID · doc number · MRN
--fs-10 10pxCAPS LABEL · 0.18em tracking
← Color BEORA · BRAND · 03 · TYPOGRAPHY Sub-brands →