Foundations
Design Tokens
Raw token inventory. The user-facing brand guide lives at /.
Color
green-300
#95CBC1
green-500
#349683
green-700
#225142
green-900
#16382E
dark-green-300
#132A23
dark-green-500
#10211C
dark-green-700
#0B1C16
dark-green-900
#070E0C
yellow-300
#FFFF4A
yellow-500
#FFE708
bright-green-500
#17DEB7
white
#FFFFFF
grey-300
#F4F4F2
Gradients
green-fade
dark-green-fade
yellow-fade
Typography
Display — 64 / 56 ExtraBold Upper
The quick brown fox jumps over the lazy dog
Heading 1 — 48 / 42 Bold Upper
The quick brown fox jumps over the lazy dog
Heading 2 — 36 / 32 Bold Upper
The quick brown fox jumps over the lazy dog
Eyebrow — 22 / 22 Bold Upper
The quick brown fox jumps over the lazy dog
Body — 18 / 32 Regular
The quick brown fox jumps over the lazy dog
Body Strong — 18 / 32 SemiBold
The quick brown fox jumps over the lazy dog
Label — 16 Medium Upper 15%
The quick brown fox jumps over the lazy dog
Button — 16 Bold Upper
Nav — 16 Medium Upper 10%
The quick brown fox jumps over the lazy dog
Code — 14 DM Mono Medium
The quick brown fox jumps over the lazy dog
Body Mono — 14 / 28 DM Mono Regular
The quick brown fox jumps over the lazy dog
Footer Link — 12 Medium Upper 15%
Micro — 10 DM Mono Upper 10%
The quick brown fox jumps over the lazy dog
Stat — 64 Construct Mono Regular
The quick brown fox jumps over the lazy dog