Colour — swatch is the token, chip is the literal hex

Type scale — resize the window to check fluid clamping

Find their place to shine. (76px)   –wp–preset–font-size–display

Find the right class (52-58px)   –wp–preset–font-size–page-title

A school where every child (38-46px)   –wp–preset–font-size–section-lg

What happens in a class (25-36px)   –wp–preset–font-size–section-sm

Card heading (17-20px)   –wp–preset–font-size–card-title

Hero body copy at 18px / 1.65.   –wp–preset–font-size–hero-body

Page intro copy at 17px / 1.65.   –wp–preset–font-size–intro

Body copy at 15-16px / 1.7.   –wp–preset–font-size–body

Card body copy at 14px / 1.6.   –wp–preset–font-size–card-body

Small print at 13px.   –wp–preset–font-size–fine-print

META LABEL 12px   –wp–preset–font-size–meta

EYEBROW 11-12px   –wp–preset–font-size–eyebrow

Radii

Shadows

Control heights — none may fall below 44px

44px standard 46px sidebar CTA 52px hero button

Focus state — tab to these

A focusable link   A focusable button