Foundations

What you are looking at: the reference area for design tokens (motion, type, spacing). These pages explain variables and usage — they are not full-screen product mocks.

For interactive UI: open Components in the sidebar (e.g. Button, Card, Data table) — there you get live previews, surface toggles, and playgrounds.

Tokens are defined in flux-theme.css, shared by the merchant app and this site so colors and motion stay aligned.