Typography

The scale read as a real text block — how Display, headings, body, and caption stack on a single surface. Spacing and color do most of the work; size jumps stay restrained.

Geist ships the full variable range, but bloom-nx production type uses only three weights. Off-policy weights are dimmed below.

Three sanctioned weights, one role each. 700+ is not used unless a design explicitly specs it — per DESIGN.md §3 / Design Direction. Heavier weights muddy a calm systems UI and break the weight-over-size hierarchy.

bloom-nx is a fintech system — prices, balances, and tables need digits that line up. tabular-nums gives every figure an equal advance width so columns align vertically; proportional figures (the default) optimize the look of inline prose but drift in a column. Use tabular-nums for any stacked numbers; leave prose proportional.

Watch the decimal points line up on the left, the proportional ones on the right wander. The mono face (Geist Mono) is tabular by construction — reach for it on numeric-dense tables and timestamps.

const bloom = {
  primary: '#5f34ec',
  motion:  'var(--motion-duration-fast)',
  radius:  '0.875rem'
}