Foundations

Typography

Ufficio Light 300 carries every title; Geist carries the body. Labels are uppercase with wide tracking, and numerals are tabular so columns of figures align.

Type scale

ds-title--xl · 32px Aa Diametral

ds-title--lg · 24px Aa Diametral

ds-title--md · 22px Aa Diametral

ds-title--sm · 19px Aa Diametral

body · 14px The quick brown fox jumps over the lazy dog 1234567890

ds-label · 12px Section label

ds-kicker · 11px Kicker

Families

Title — var(--ds-font-title): Ufficio Light 300, with Fraunces as the free fallback when the licensed face is absent.

Body — var(--ds-font-sans): Geist at weights 300 / 400 / 500 / 600, falling back to the system sans stack.

Tabular numerals

font-variant-numeric: tabular-nums

1 234,00

999 999,99

<span class="ds-numeric">1 234,00</span>
<span class="ds-numeric">999 999,99</span>