Foundations

Typography

Almost all of the system’s personality comes from one contrast: a tight neutral sans for everything a human reads, set against a monospace for every machine signal — eyebrows, indices, dates, metadata, job rows. Two families, no exceptions.

Two families

Sans — for humans

Roboto · 300 / 400 / 500 / 700

Headlines are 500, not bold, with tight tracking. Body is 400 at a ≤68ch measure.

Mono — for machine signals

Roboto Mono · 400 / 500

Labels, indices, dates, metadata, and code — never paragraphs.

Type scale

Every step is a live specimen — rendered at its real size, with the token, px, weight, and tracking beside it.

Protocore Design System

--pds-text-display

clamp 44 → 96px

weight 500

tracking -0.03em

Section headline

--pds-text-h1

56px

weight 500

tracking -0.025em

Section title

--pds-text-h2

36px

weight 500

tracking -0.02em

Subsection heading

--pds-text-h3

28px

weight 500

tracking -0.01em

Card title

--pds-text-title

24px

weight 500

tracking -0.01em

Lead paragraph — the calm opener beneath a headline.

--pds-text-lead

20px

weight 400

tracking 0

Body copy sets the baseline measure at a comfortable ≤68ch line.

--pds-text-body

16px

weight 400

tracking 0

Small body — dense tables, captions, secondary detail.

--pds-text-body-sm

14px

weight 400

tracking 0

MONO LABEL — SLASH EYEBROW

--pds-text-label

12px

weight 500

tracking +0.18em

mono

2026-07-03 · eu-central-1 · 42ms

--pds-text-meta

13px

weight 400

tracking +0.04em

mono

[ 01 ] bracket index

--pds-text-index

11px

weight 400

tracking +0.10em

mono

Case rules

Case and family encode meaning before a single word is read:

DEPLOY

UPPERCASE MONO

Actionable — buttons, chips, tab labels.

Deployed

Sentence-case sans

Status — badges, callouts, human copy.

eu-central-1

As-typed mono muted

Metadata — ids, regions, timestamps, tags.