Skip to main content

Typography tokens

Line Height​

{
  "$xs": "1.125em",
  "$sm": "1.25em",
  "$md": "1.375em",
  "$lg": "1.5em",
  "$xl": "1.75em",
  "$2xl": "2.375em",
  "$3xl": "2.5em",
  "$4xl": "3em",
  "$5xl": "4em"
}

Letter Spacing​

{
  "$xs": "-0.02em",
  "$sm": "-0.01em",
  "md": 0,
  "$lg": "0.01em",
  "$xl": "0.02em",
  "$2xl": "0.04em",
  "$3xl": "0.08em"
}

Font Weight​

{
  "$light": 300,
  "$normal": 400,
  "$medium": 500,
  "$semibold": 600,
  "$bold": 700,
  "$extrabold": 800
}

Font Size​

{
  "$xs": 10,
  "$sm": 12,
  "$md": 14,
  "$lg": 16,
  "$xl": 20,
  "$2xl": 24,
  "$3xl": 28,
  "$4xl": 32
}