Invariance Components

Playground

Every component in every state. These pages are the visual law — Playwright screenshots of them are the regression baseline for the design system.

• /tokensTokens — colors, type, easings, base classes
• /brandBrand — HexMark, Wordmark
• /motionMotion — Reveal, PageTransition
• /chromeChrome — Header, Footer, LocaleSwitcher, LuminousGround
• /primitivesPrimitives — Button, Badge, Spinner, …
• /loadersLoaders — Loader variants + CodeSpinner
• /structureStructure — Section, PageHeader, Card, Tabs, …
• /dataData — Stat, Table, DescriptionList
• /formsForms — Field + controls
• /overlaysOverlays — Modal, Drawer, Menu, Toast, …
• /shellShell — AppShell + Sidebar
• /authAuth — AuthShell, CentralRedirect, AccountMenu