Typography
The Cerberus preset provides a set of text style tokens that can be used to style the typography in your application.
display-sm
TThe h1 - Used for marketing cards or data visuals
display-md
The h1 - Used for medium marketing headlines
display-lg
The h1 - Used for large marketing headlines
h1
The h1 text style - large body blocks
h2
The h2 text style - used in page headings
h3
The h3 text style - used in secondary/sub-section headings
h4
The h4 text style - used in headings for cards
h5
The h5 text style - used in headings for card body text
h6
The h6 text style - used in headings that are the lowest emphasis
body-xs
The small text style - used in support text or legal.
body-sm
The small text style - used in compact or dense text blocks.
body-md
The default body text style - used in paragraphs
body-lg
The body text style - used in paragraphs as smallest headings
body-xl
The body text style - used in paragraphs as smaller headings
body-2xl
The body text style - used in paragraphs as small headings
mono-xs
The mono text style - used in smallest code blocks
mono-sm
The mono text style - used in small code blocks
mono-md
The mono text style - used in normal code blocks
mono-lg
The mono text style - used in large code blocks
link
The link text style - used for inline text links