Typography Token Preview
suzanne-hunter.com — 8-level hierarchy · Ovo + Nunito Sans · scoped for a test-page code block
Designing with Intention
Selected Work
Brand Identity & Visual Systems
Meridian — Editorial Redesign
Featured Project
March 2026 · Branding, Web Design
Read the full case study for the Meridian editorial redesign or browse the complete project archive.
Color Tokens — Phase 2
Cool, teal-tinted neutrals. Tokens only — not yet applied to backgrounds/borders/CTAs; that's the next pass.
Primitives — Magenta
magenta-100
#FCE8FC
magenta-200
#F7BBF5
magenta-500
#CF79CC
magenta-700
#CD18C7
magenta-900
#891085
Primitives — Teal
teal-100
#D4F4F7
teal-300
#4CE8F7
teal-600
#00B4C5
teal-900
#007580
Primitives — Cool Neutral
cool-50
#F7FBFC
cool-100
#EAF3F4
cool-300
#C3D6D8
cool-600
#728A8D
cool-900
#1E2C2E
Semantic — Surfaces & Text
color-background
cool-50
color-background-alt
cool-100
color-border
cool-300
color-text-body
cool-900
color-text-muted
cool-600
color-text-link
teal-900
color-text-link-hover
magenta-900
Semantic — Brand
color-primary
magenta-900
color-primary-hover
magenta-700
color-secondary
teal-900
color-secondary-hover
teal-600
Semantic — CTA / Buttons (white text sample shows the checked contrast)
Aa
color-cta-bg
8.48:1 ✓
Aa
color-cta-bg-hover
magenta-700
Aa
color-cta-secondary-bg
5.45:1 ✓
Aa
color-cta-secondary-bg-hover
teal-600