/003 — Typography · Families · Scale · Weights · Italic accent

Typesetting

Three families. Satoshi carries the body and UI, PP Neue Machina sets the voice in display, and Platypi italic accents the moments that matter — never decoration, always meaning.

The families

/001 · Foundations Three voices, one system Display · Body · Accent
Primary
Satoshi

Body copy & everyday UI.

Secondary
PP Neue
Machina

Headlines & display moments.

Accent
Platypi

Italic only — one word per heading.

Type scale

/002 · Sizes Twelve steps, one ratio Display, headings, body & micro.

Showing: Desktop sizes. All values scale at tablet and mobile breakpoints — use the text-* tokens, never hard-coded pixels.

Display 4XL
Display 4XL PP Neue Machina · Hero
text-4xl
extralight
Display 3XL
Display 3XL PP Neue Machina · Section
text-3xl
extralight
Display LG
Display LG PP Neue Machina
text-display-lg
extralight
Display MD
Display MD PP Neue Machina
text-display-md
extralight
Display SM
Display SM PP Neue Machina
text-display-sm
extralight
Title / H3
Title PP Neue Machina · H3
text-2xl
medium
Subtitle / H4
Subtitle PP Neue Machina · H4
text-xl
medium
Body text — readable, comfortable, calm.
Body Satoshi · 16px
text-base
medium
Small / Label
Small Satoshi · 14px
text-sm
bold
Extra small — captions and fine print.
Extra Small Satoshi · 12px
text-xs
medium
2XS · Micro label
2XS Satoshi · 11px
text-2xs
bold
3XS · Tag
3XS Satoshi · 10px · Tags
text-3xs
bold

Font weights

/003 · Weight scale Seven weights Across body, display & italic.
Aa
Extra Light 200 · PP Neue Machina
Aa
Regular 400 · Satoshi
Aa
Medium 500 · Satoshi
Aa
Semi Bold 600 · Satoshi
Aa
Bold 700 · Satoshi
Aa
Display Bold 700 · PP Neue Machina
Aa
Italic Accent 400 italic · Platypi

The italic gesture

/004 · Signature Platypi italic Used once per heading.

A health platform that actually understands you.

Care that listens.
Tech that thinks.

The accent word.

Lift exactly one word per heading — the verb, the feeling, the promise.

/01 A health platform that actually understands you
/02 Care that listens
/03 Tools to do the work
/04 Built to last

Typography rules

/01

Tokens, not pixels

Use text-* tokens. Never hard-code pixels.

/02

One italic per heading

Accent a single word in Platypi italic — never two.

/03

Display stays tight

Display tracks -0.03em; body -0.005em; micro labels uppercase at +0.14em.

/04

Body defaults to Medium

Satoshi 500 for body. Bold (700) only for labels — never whole paragraphs.

/05

Don't upright Platypi

Platypi is italic-only. Need an upright? Use PP Neue Machina.

/06

Respect the floor

Body min 12px (9pt print). Micro labels stop at 10px.