Reference fixture · Apple
The interface engineered to disappear, distilled into fifty-six tokens. Pale-gray feature ladder over white, a single Apple Action Blue, SF Pro at compressed tracking, and the 980-pixel capsule that has carried every Buy button for a decade.
What this fixture exercises
Three cards, three real schema decisions worth inspecting. Rebind the token block and the same shapes follow.
Featured
Pure white retail canvas, near-white bridge, pale Apple gray feature band. Apple's three light tiers are real, so we keep --surface-warm independent of --surface instead of collapsing it. Cards on the gray band lift back to white with a hairline.
--accent appears at most twice on this screen — the primary capsule CTA and the focus halo. The hero status uses --success instead, so the page does not feel mono-blue.
Read the rule →SF Pro Display for the hero, SF Pro Text for body and controls, body baseline at 17px (not 16), display tracking compressed to -0.015em. Hierarchy comes from size and weight — never a third type face.
Inspect typography →Form components
Border-led containment, dark Near-Black Ink text, the focus halo at four pixels of soft Apple Action Blue. The submit button reuses the compact .btn-primary — no new token introduced for this section.