Typography

Sora for headings, Instrument Sans for the interface, IBM Plex Mono for every figure. Each role carries its size, line height and weight, so a heading is one class.

Typefaces

Three families, each with one job.

SoraHeadings

Instrument SansInterface

IBM Plex MonoFigures

Scale

Role-named steps. The size and line height beside each sample are read from the page as it renders.

text-display-l

Clear books.

text-heading-1

Every number traces to the bank line.

text-heading-3

Reverse this entry?

text-title

Largest movements

text-body

Card and bank charges stream in as they happen, and the receipt is matched.

text-label

Add transaction

text-caption

Aug 28 · From Brex

text-figure-l

$4,212,480.00

text-figure

−$1,843.27