Families
--hui-font-family-sans is the default UI and body family.--hui-font-family-mono is for code, tokens, and technical values.
Type scale
| Token | Value | Use |
|---|
--hui-font-size-xs | 0.75rem | Compact metadata. |
--hui-font-size-sm | 0.875rem | Supporting text and controls where space is limited. |
--hui-font-size-md | 1rem | Body and default control text. |
--hui-font-size-lg | 1.125rem | Lead or emphasized body text. |
--hui-font-size-xl | 1.25rem | Subheadings. |
--hui-font-size-2xl | 1.5rem | Page/fixture headings. |
Weights and line heights
| Purpose | Token |
|---|
| Regular | --hui-font-weight-regular |
| Medium | --hui-font-weight-medium |
| Semibold | --hui-font-weight-semibold |
| Bold | --hui-font-weight-bold |
| Tight | --hui-line-height-tight |
| Normal | --hui-line-height-normal |
| Relaxed | --hui-line-height-relaxed |
Use a size, weight, and line-height token together. Do not use a raw font-size, numeric font-weight, or numeric line-height in component CSS. The system font stack is deliberately platform-friendly and does not require a webfont download.