Page structure

Description of what this token does will live here.

Headings

Description of what this token does will live here.
heading-1

I'm an extra extra large heading.

heading-2

I'm an extra extra large heading.

heading-3

I'm an extra extra large heading.

heading-4

I'm an extra extra large heading.

heading-5
I'm an extra extra large heading.
heading-6
I'm an extra extra large heading.

Buttons

Description of what this token does will live here.
btn
btn-sm
Primary Small
btn-s
btn-sm
Secondary Small
btn-s
btn-sm
Outline Small
btn
Primary Button
btn-s
Secondary Button
btn-o
Outline Button
btn
btn-lg
Primary Large
btn-s
btn-lg
Secondary Large
btn-s
btn-lg
Outline Large
link
Simple Link

Text size

Description of what this token does will live here.
text-xs
The text you can edit
text-sm
The text you can edit
text-base
The text you can edit
text-lg
The text you can edit
text-xl
The text you can edit
text-2xl
The text you can edit

Font weight

Description of what this token does will live here.
font-light
The text you can edit
font-normal
The text you can edit
font-medium
The text you can edit
font-semibold
The text you can edit
font-bold
The text you can edit
font-black
The text you can edit

Text alignment

Description of what this token does will live here.
text-left
The text you can edit
text-center
The text you can edit
text-right
The text you can edit

Letter spacing

Description of what this token does will live here.
tracking-tighter
The text you can edit
tracking-tight
The text you can edit
tracking-normal
The text you can edit
tracking-wide
The text you can edit
tracking-wider
The text you can edit
tracking-widest
The text you can edit

Line height

Description of what this token does will live here.
leading-none
The text you
can edit
leading-tight
The text you
can edit
leading-snug
The text you
can edit
leading-normal
The text you
can edit
leading-relaxed
The text you
can edit
leading-lose
The text you
can edit

Colors

Description of what this token does will live here.
p-50
p-100
p-200
p-300
p-400
p-500
p-600
p-700
p-800
p-900
p-950
n-50
n-100
n-200
n-300
n-400
n-500
n-600
n-700
n-800
n-900
n-950

Border radius

Description of what this token does will live here.
rounded-none
rounded-sm
rounded
rounded-md
rounded-lg
rounded-xl
rounded-2xl
rounded-full