Spectre Design

The core layers of the Spectre design system.

Spectre Design covers the token package, the UI implementation layer, and the Astro adapter.

Packages

Three layers working from one shared contract.

Package

Spectre Tokens

The design-token package of the Spectre system for downstream packages and compatible applications.

Package

Spectre UI

The implementation layer between Spectre Tokens and downstream adapters or applications.

Package

Spectre UI Astro

The Astro adapter package for Astro applications that consume the core Spectre UI contract.

Why it matters

Keep the system legible from design decisions to shipped code.

Spectre Tokens define the source contract. Spectre UI carries that contract into implementation. Spectre UI Astro exposes it cleanly to Astro applications.

Together they make the system usable in production instead of leaving it trapped in documentation.