Overview
Tokens
Authored in the W3C DTCG format and compiled with Style Dictionary into CSS variables, a Tailwind theme layer, and a typed JS module. Every value below is a live --ch-* custom property.
Neutral ramp
0
50
100
150
200
300
350
400
500
600
700
800
850
900
950
1000
Semantic colors
bg
surface
surface-raised
text
text-secondary
text-tertiary
border
border-strong
accent
accent-hover
Status
success
warning
error
info
Spacing
1
2
3
4
5
6
8
10
12
Radius
sm
md
lg
xl
2xl
full
Typography
Inter — the quick brown fox
JetBrains Mono — const tokens = charcoal