Font

Font family

Token	value
font-family-sans-serif	'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Lato, Helvetica, Arial, sans-serif

Font size

Example	Token	PX (rem)
	font-size-12	12px (0.75rem)
	font-size-16	16px (1rem)
	font-size-20	20px (1.25rem)
	font-size-24	24px (1.5rem)
	font-size-32	32px (2rem)
	font-size-40	40px (2.5rem)
	font-size-60	60px (3.75rem)
	font-size-76	76px (4.75rem)
	font-size-96	96px (6rem)
	font-size-120	120px (7.5rem)

Font weight

Example	Token	Value
The quick brown fox jumps over the lazy dog.	font-weight-light	light (300)
The quick brown fox jumps over the lazy dog.	font-weight-regular	regular (400)
The quick brown fox jumps over the lazy dog.	font-weight-semibold	semibold (600)
The quick brown fox jumps over the lazy dog.	font-weight-bold	bold (700)

Line height

Example	Token	PX (rem)
The quick brown fox jumps over the lazy dog.	line-height-header	1.25
The quick brown fox jumps over the lazy dog.	line-height-paragraph	1.4
The quick brown fox jumps over the lazy dog.	line-height-label	1.25

Paragraph spacing

Token	Value	PX (rem)
parapgraph-spacing-body-sm	dimension-12	12px (0.75rem)
paragraph-spacing-body-md	dimension-16	16px (1rem)

Text decoration

Example	Token	Value
The quick brown fox jumps over the lazy dog.	text-decoration-none	none
The quick brown fox jumps over the lazy dog.	text-decoration-underline	underline
The quick brown fox jumps over the lazy dog.	text-decoration-line-th	line-through

Text transformation

Example	Token	Value
The quick brown fox jumps over the lazy dog.	text-case-none	none
The quick brown fox jumps over the lazy dog.	text-case-upper	uppercase
The quick brown fox jumps over the lazy dog.	text-case-cap	capitalize
The quick brown fox jumps over the lazy dog.	text-case-lower	lowercase