A modern, AI-ready, full-stack design system for rich application experiences.
Compose production apps from accessible React components, shared tokens, and server-driven patterns.
Customize
Customize the identity and decide what the live specimen includes.
Pick a color
Start with Paul Tol’s vibrant palette or create your own accessible accent.
Applied through SDL theme.accent. The rest of the page is unaffected.
Under the hood
See the structure behind this live preview.
EREllen Ripley
Warrant officer · Nostromo
Log entries
128+12.4%
Hours logged
648+8.1%
Cargo capacity
72%
Click Sync again while the toast is open to see the dedupe pulse.
Full-width block insertion point that reveals its line and plus badge on hover or keyboard focus; the terminal variant keeps a faint plus visible at rest.
Components
178in the library
Design tokens
123phi-based scale