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.

Ellen Ripley · 5 of 5 sections

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.

Composable scroll-snap carousel: one or many slides per view, holding any content.

Adopt functional interaction patterns