Foundations
Typography
One sans family, one mono family, a fixed text scale for interfaces and a fluid display scale for public pages.
Families
Aa Bb Cc 0123
--mn-font-sans
Aa Bb Cc 0123
--mn-font-mono
Display scale
Fluid sizes for marketing headings: they scale with the viewport between a fixed minimum and maximum, with their own leading, tracking and weight.
--mn-display-xlEvery Rook experience
--mn-display-lgEvery Rook experience
--mn-display-mdEvery Rook experience
--mn-display-smEvery Rook experience
Text scale
--mn-text-2xs · 0.6875remThe quick brown fox jumps over the lazy dog
--mn-text-xs · 0.75remThe quick brown fox jumps over the lazy dog
--mn-text-sm · 0.875remThe quick brown fox jumps over the lazy dog
--mn-text-base · 1remThe quick brown fox jumps over the lazy dog
--mn-text-lg · 1.125remThe quick brown fox jumps over the lazy dog
--mn-text-xl · 1.25remThe quick brown fox jumps over the lazy dog
--mn-text-2xl · 1.5remThe quick brown fox jumps over the lazy dog
--mn-text-3xl · 1.875remThe quick brown fox jumps over the lazy dog
--mn-text-4xl · 2.25remThe quick brown fox jumps over the lazy dog
--mn-text-5xl · 3remThe quick brown fox jumps over the lazy dog
Weights
--mn-weight-regular · 400Every Rook experience
--mn-weight-medium · 500Every Rook experience
--mn-weight-semibold · 600Every Rook experience
--mn-weight-bold · 700Every Rook experience