Theme
We're big nerds about this
Logos
Colors
Base Colors
background
background-2
on-background
background-cta
on-background-cta
Color Tokens
Red
red-1
red-2
red-3
red-4
red-5
red-6
red-7
red-8
red-9
red-10
red-11
red-12
Orange
orange-1
orange-2
orange-3
orange-4
orange-5
orange-6
orange-7
orange-8
orange-9
orange-10
orange-11
orange-12
Yellow
yellow-1
yellow-2
yellow-3
yellow-4
yellow-5
yellow-6
yellow-7
yellow-8
yellow-9
yellow-10
yellow-11
yellow-12
Green
green-1
green-2
green-3
green-4
green-5
green-6
green-7
green-8
green-9
green-10
green-11
green-12
Blue
blue-1
blue-2
blue-3
blue-4
blue-5
blue-6
blue-7
blue-8
blue-9
blue-10
blue-11
blue-12
Purple
purple-1
purple-2
purple-3
purple-4
purple-5
purple-6
purple-7
purple-8
purple-9
purple-10
purple-11
purple-12
Gray
gray-1
gray-2
gray-3
gray-4
gray-5
gray-6
gray-7
gray-8
gray-9
gray-10
gray-11
gray-12
Typography
Heading 1
Gelasio, 600, 4.106rem (65.69px)
Letter spacing: 4%
Heading 2
Gelasio, 600, 3.421rem (54.74px)
Letter spacing: 4%
Heading 3
Work Sans, 500, 2.851rem (45.62px)
Letter spacing: 4%
Heading 4
Work Sans, 500, 2.376rem (38.02px)
Letter spacing: 4%
Heading 5
Work Sans, 500, 1.98rem (31.68px)
Letter spacing: 4%
Paragraph
Work Sans, 500, 1.5rem (24px)
Letter spacing: 4%
Paragraph Bold
Work Sans, 700, 1.5rem (24px)
Letter spacing: 4%
Smol
Work Sans, 500, 1.146rem (18.33px)
Letter spacing: 4%
Rainbows
Cool Rainbow
blue-9: var(--blue-9)
green-9: var(--green-9)
purple-9: var(--purple-9)
Warm Rainbow
red-9: var(--red-9)
orange-9: var(--orange-9)
yellow-9: var(--yellow-9)
Full Rainbow
red-9: var(--red-9)
orange-9: var(--orange-9)
yellow-9: var(--yellow-9)
green-9: var(--green-9)
blue-9: var(--blue-9)
purple-9: var(--purple-9)