Unified design system

Tokens keep Ladle and the app in lockstep

Ladle stories and the Next.js app now share the same surfaces, spacing, and motion primitives straight from @repo/ui.

Highlights

Layout primitives driven by design tokens

Every surface, border, and transition on this page resolves to a shared set of CSS variables published from @repo/ui.

Shared tokens define surfaces, type, and motion for parity with Ladle.

Root and admin shells reuse spacing and border tokens for steady rhythm.

Contrast and focus share tokens across apps for dependable accessibility.

Inspect the admin workspace to watch Radix UI controls inherit the same token-driven palette and motion primitives.