Primary
Manrope
Use for page headings, section titles, large numbers, and important brand moments.
Typography
Clean fonts with readable spacing.
The portal uses Manrope for headings, Inter for interface labels, and Source Sans 3 for default reading text.
Secondary
Inter
Use for buttons, badges, nav, labels, table headers, and compact UI text.
Font tokens
| Role | Font | Token | Use |
|---|---|---|---|
| Primary | Manrope | --font-primary | h1-h6, hero titles, display numbers. |
| Secondary | Inter | --font-secondary | Navigation, buttons, badges, labels, table headers. |
| Body | Source Sans 3 | --font-body | Paragraphs, tables, forms, and dashboard copy. |
Scale preview
Heading one
Heading two
Heading three
Body text stays open and readable for the portal. Use shorter paragraphs, clear labels, and direct calls to action.
View components