Design System
1
Typography
Inter
Regular 400Medium 500SemiBold 600Bold 700
abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
0123456789
ABCDEFGHIJKLMNOPQRSTUVWXYZ
0123456789
Aa
Title (Responsive)
ⓘ
Responsive: Title sizes change automatically based on screen width. Resize your browser window to see the font size and line height update live.
TokenPreviewSize / Line HeightWeightClass
title-1Title 1
/
SemiBold 600
.text-title-1title-2Title 2
/
SemiBold 600
.text-title-2title-3Title 3
/
SemiBold 600
.text-title-3title-4Title 4
/
SemiBold 600
.text-title-4title-5Title 5
/
SemiBold 600
.text-title-5title-6Title 6
/
SemiBold 600
.text-title-6title-1.text-title-1Heading Title 1
/ SemiBold 600
title-2.text-title-2Heading Title 2
/ SemiBold 600
title-3.text-title-3Heading Title 3
/ SemiBold 600
title-4.text-title-4Heading Title 4
/ SemiBold 600
title-5.text-title-5Heading Title 5
/ SemiBold 600
title-6.text-title-6Heading Title 6
/ SemiBold 600
Static (Body / Button / Link)
TokenPreviewSize / Line HeightWeightClass
bodyBody text
/
.text-bodybody-smBody Small
/
.text-body-smallbody-xsBody XS
/
.text-body-tinybutton /
.text-buttonbutton-sm /
.text-button-smalllinkLink text
/
.text-linkbody.text-bodyBody text
/
body-sm.text-body-smallBody Small
/
body-xs.text-body-tinyBody XS
/
button.text-button /
button-sm.text-button-small /
link.text-linkLink text
/