Tokens

The full set of design tokens. No hex codes outside this file or tailwind.config.ts.

Color

bg
#FAFAF7
bg-soft
#F5F4EE
bg-2
#EFEEE7
line
#E6E4DA
line-2
#D8D5C8
ink
#0F0F0F
ink-2
#2C2C2C
mute
#6B6B66
mute-2
#9A9A93
accent
#0F5132
accent-2
#0A3D24
green
#2F7D4F
amber
#8A6A12
red
#A83232
blue
#2F5C8A

Type

28 / semibold — page title
The quick brown fox
20 / semibold — section title
The quick brown fox
15 / semibold — card title
The quick brown fox
14 / regular — body
The quick brown fox jumps over the lazy dog.
12.5 / regular — meta
The quick brown fox jumps over the lazy dog.
11 / mono uppercase — eyebrow
EYEBROW · LABEL

Radius & shadow

rounded-sm
4px
rounded-md
6px
rounded-lg
12px
rounded-pill
999px
shadow-card
shadow-pop