DESIGN SYSTEM REFERENCE
A live reference of the existing visual styles, reusable components, and design tokens used across this project.
Core colors currently driving the live visual system.
Page
Default page background
Warm Surface
Soft peach highlight
Navy
Primary dark foundation
Red-Orange
Action and emphasis
GH Light Orange
Eyebrows and accent colors
Muted Text
Supporting copy and detail
Navy Gradient
Dark CTA and conversion panels
Light Editorial
Feature introductions
Live text-style specimens, ordered from display to supporting text.
Typography/H1
Typography/H2
Typography/H2 b
Typography/H3
Typography/H3 b
Heading 4
The quick brown fox jumps over the lazy dog.
Heading 5
The quick brown fox jumps over the lazy dog.
Bold
The quick brown fox jumps over the lazy dog.
Medium
The quick brown fox jumps over the lazy dog.
Regular
The quick brown fox jumps over the lazy dog.
Semibold
The quick brown fox jumps over the lazy dog.
Typography/Body
The quick brown fox jumps over the lazy dog.
Typography/Lead
The quick brown fox jumps over the lazy dog.
Heading 6
The quick brown fox jumps over the lazy dog.
Heading 6 Blog
The quick brown fox jumps over the lazy dog.
Typography/Body Small
The quick brown fox jumps over the lazy dog.
Typography/tmp-Eyebrow
WORKFLOW EXPLORER
Components
Reusable project components and their available visual states.