--primary
#F0531C
rgb(240, 83, 28)
hsl(16, 88, 53)
--accent-yellow
#FFA74F
rgb(255, 167, 79)
hsl(30, 100, 65)
--accent-green
#2E4B3C
rgb(46, 75, 60)
hsl(149, 24, 24)
--sand-100
#F7DFBA
rgb(247, 223, 186)
hsl(36, 79, 85)
--sand-200
#F7EDDA
rgb(247, 237, 218)
hsl(39, 64, 91)
--sand-300
#CFC9C2
rgb(207, 201, 194)
hsl(32, 12, 79)
--sand-400
#8C877D
rgb(140, 135, 125)
hsl(40, 6, 52)
--sand-500
#45403D
rgb(69, 64, 61)
hsl(22, 6, 25)
--dark-100
#151718
rgb(21, 23, 24)
hsl(200, 7, 9)
--dark-200
#131211
rgb(19, 18, 17)
hsl(30, 6, 7)
--dark-300
#040404
rgb(4, 4, 4)
hsl(0, 0, 2)
--white
#FAFAFA
rgb(250, 250, 250)
hsl(0, 0, 98)
Geist Sans
Font Family: Bold, Black
Geist Mono
Font Family: Regular, Bold, Black, UltraBlack
Hero
Headline 1
Headline 2
Headline 3
Headline 4
Headline 5
Body large big paragraphs.
Body large big paragraphs.
Body text large for big paragraphs.
Body text large for big paragraphs.
Body text large for big paragraphs.
Body text normal, used for most readble content.
Body text normal, used for most readble content.
Body text normal, used for most readble content.
Body text bold, could be used for links and navigation elements.
Body text bold, could be used for links and navigation elements.
Body text bold, could be used for links and navigation elements.
Caption regular
Caption medium
Caption bold
Caption small regular
Caption small medium
Caption small bold
Caption very small regular
Caption very small medium
Caption very small bold
XL Button
Large Button
Default Button
Small Button