Typography, color tokens, and design system reference.
TYPOGRAPHY
Subheading One
Subheading Two
Title Style
This is a paragraph style used for body copy throughout the site. It uses a lighter weight for readability.
Secondary paragraph style for smaller body text and captions.
Navigation Label
Link Style
Anchor Text
Anchor Text Small
BASE COLORS
dark — hsla(0, 0%, 10%, 1)
light — hsla(0, 0%, 95%, 1)
shdw orange — #ff8000
shdw red — #ff3f0d
grey — hsla(0, 0%, 50%, 0.33)
LIGHT MODE TOKENS
color/text → light
color/background → dark
color/button-bg → shdw orange
color/button-text → dark
DARK MODE TOKENS
dark/text → dark
dark/background → light
dark/button-bg → shdw red
dark/button-text → dark
SIZE TOKENS
FULL — 100vw
MID — 1824px
SMALL — 1080px