Spectre Design

Design foundations built for real product delivery.

Spectre Design defines the visual language once, then makes it usable from tokens to UI code to Astro implementation.

Packages

One design system, three implementation layers.

Package

Spectre Tokens

Foundation-level values for color, spacing, type, surfaces, and motion decisions.

Package

Spectre UI

Shared UI primitives and styling contracts that keep implementation aligned across products.

Package

Spectre UI Astro

Astro-friendly bindings for teams shipping fast sites and application surfaces with the same system core.

Why it matters

Reduce drift between design decisions and shipped code.

Spectre Design is for teams that want stronger alignment between system governance and daily implementation. Tokens define the contract. UI primitives enforce consistency. Astro support keeps content surfaces on the same language.

The result is a system that scales without becoming vague, ornamental, or disconnected from production work.