System / Style Guide
Brand style guide
The visual brand, rendered live from the current theme. Brand this site by overriding semantic tokens in src/styles/theme.css. Full values in Tokens.
Surfaces & text pairs
Every surface ships with a matching text color. Used as a pair via Section tone, text can never go invisible.
defaultLegible text on this surface
mutedLegible text on this surface
inverseLegible text on this surface
accentLegible text on this surface
accent-2Legible text on this surface
Type scale
displayAa Bb Cch1Aa Bb Cch2Aa Bb Cch3Aa Bb CcleadAa Bb CcbodyAa Bb CcsmallAa Bb Cc