Skip to main content

Font

Globals

Family

Token name
Value
$font-family-primary
Inter

Size

Token name
Value
$font-size-125
10px
$font-size-150
12px
$font-size-175
14px
$font-size-200
16px
$font-size-225
18px
$font-size-300
24px
$font-size-400
32px
$font-size-500
40px
$font-size-600
48px

Weight

Token name
Value
$font-weight-400
400
$font-weight-450
450
$font-weight-600
600

LetterSpacing

Token name
Value
$font-letterSpacing-0
0px
$font-letterSpacing-100
-0.02em
$font-letterSpacing-200
0.02em

LineHeight

Scale

Token name
Value
$font-lineHeight-scale-100
1
$font-lineHeight-scale-150
1.5
$font-lineHeight-scale-166
1.66
$font-lineHeight-scale-200
2

Value

Token name
Value
$font-lineHeight-value-200
16px
$font-lineHeight-value-250
20px
$font-lineHeight-value-300
24px
$font-lineHeight-value-350
28px
$font-lineHeight-value-400
32px
$font-lineHeight-value-450
36px
$font-lineHeight-value-550
44px
$font-lineHeight-value-700
56px
$font-lineHeight-value-800
64px