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.

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.

See the structure behind this live preview.

Warrant officer · Nostromo

Active

Log entries

128+12.4%

Hours logged

648+8.1%

Cargo capacity

72%

Systems

Telemetry uplink

Click Sync again while the toast is open to see the dedupe pulse.

A non-modal panel that stays anchored or docks at the bottom.

Add a PageBottomDock slot and migrate media-library onto declared seams