Typography
The brand's three fonts and what each one is for.
Fonts
Three roles: display for headlines, body for reading, mono for the brand's labels and buttons. The Base's own screens use Geist throughout; Archivo and Geist Mono appear in what the Base shows: these brand pages, the component examples and the prototypes.
ArchivoHeadlines and prices
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq 0123456789
font-display · Google Fonts via next/font · MediumGeistBody text, and the Base's own screens
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq 0123456789
font-sans · Google Fonts via next/font · Regular, Medium and SemiBoldGeist MonoBrand labels, links and buttons
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq 0123456789
font-mono · Google Fonts via next/fontThe sizes, line heights and the utility for each text style are in Design system › Theming.