Design System · Internal Preview

Typography System Preview

Review the heading scale below. Hierarchy is driven by size and spacing — not weight. All headings use Cormorant Garamond at weight 200–300.

H1H1 — Hero Page Title

Pilates Education & Wellness

~56–64px · weight 200 · letter-spacing +0.5px

H2H2 — Section Title

Reformer Education Program

~36–42px · weight 200

H3H3 — Subsection Title

Program Investment

~24–28px · weight 300

H4H4 — Card / Block Title

Upcoming Reformer Dates

~18–20px · weight 300

H5H5 — Small Label

Cost Includes

~13–15px · weight 300 · uppercase · wide spacing

Inconsistencies to fix on approval

· Some section headings (e.g. PEA Pathway, Mat Education) use font-semibold or font-medium — these will be replaced with amp-h2
· Reformer Education subsection heads vary between text-xl and text-2xl — will be unified to amp-h3
· Card/block titles across PilatesInstructor and RemedialMassage mix sizes — will be set to amp-h4
· Labels like "Cost Includes" and "What to Expect" use inconsistent casing/sizing — will become amp-h5
· Several pages use raw Tailwind size classes without the display font — these will all receive font-display

This page is for internal review only — it will be removed after approval and rollout.