Live view of the tokens in frontend/utils/theme.js. Toggle light / dark in the top bar to see the palette react.
h1 · Source Serif
h2 · Source Serif
h3 · Source Serif
h4 · IBM Plex Sans
h5 · IBM Plex Sans
p1 · IBM Plex Sans
One shareable link runs on any device and captures every interaction automatically.
p2 · IBM Plex Sans
Raw data stays downloadable as CSV for anyone who wants it.
primary (page surface)
$color
#23211C
$color_accent
#2C6E5A
$color_accent_text
#FBFBF9
$color_background
#FAF8F4
$color_card
#FFFFFF
$color_line
#E7E1D6
$color_muted
#6E685D
$color_hover
#F0EBE2
$color_disabled
#B7B0A3
$color_error
#B23A2E
$color_top
#23211C
antiPrimary (inverse / dark band)
$color
#ECEAE6
$color_accent
#4CA585
$color_accent_text
#08160F
$color_background
#0A0A09
$color_card
#161614
$color_line
#2A2926
$color_muted
#928E86
$color_hover
#1D1C1A
$color_disabled
#3A3A38
$color_error
#F08C7E
$color_top
#000000
Offline Iconify packs via the Icons provider. Reference as pack:name, e.g. feather:activity.
feather
tabler
simpleIcons
lineicons
svgSpinner
$radius: 10px
4px
6px
10px
12px
20px
24px