Skip to main content
Text styles · with ControlsOpen in Storybook ↗

Text Styles

Typeface​

Plus Jakarta Sans is the brand font, used across the product in different sizes and weights.

Headers​

Used for titles and headings across the interface. Four weights (Regular, Medium, SemiBold, Bold) each available in four sizes:

SizeFont sizeLine height
L24px32px
XL32px40px (Regular) / 48px (Medium and up)
XXL40px48px
XXXL48px56px

Weights map to: Regular 400, Medium 500, SemiBold 600, Bold 700.

Body​

Used for long paragraphs, phrases, inputs, and buttons. Four weights (Regular, Medium, SemiBold, Bold) each available in five sizes:

SizeFont sizeLine height
XXXS10px20px
XXS12px16px
XS14px22px (24px for SemiBold/Bold)
S16px24px
M18px28px

Weights map the same way as Headers: Regular 400, Medium 500, SemiBold 600, Bold 700.