SPECTRE TOKENS
Layer 1 (DNA). The single source of truth for the Spectre ecosystem. Defines color palettes, typography, spacing, and semantic roles via a strict JSON-first architecture with multi-format outputs.
Managed infrastructure for the modern web.
Design systems
engineered for total technical sovereignty.
Architected for performance. Open source. Zero vendor lock.
Layer 1 (DNA). The single source of truth for the Spectre ecosystem. Defines color palettes, typography, spacing, and semantic roles via a strict JSON-first architecture with multi-format outputs.
Layer 2 (Blueprint). Structural engine translating design DNA into framework-agnostic CSS utilities and type-safe class recipes. Features zero-hex enforcement and high-fidelity UI patterns.
Layer 3 (Adapter). Ergonomic Astro component wrappers for the Spectre design system. Delivers SSR-optimized, polymorphic primitives with zero client-side overhead and full type synchronization.
Layer 4 (Nervous System). Application orchestration layer for vanilla TypeScript environments. Coordinates routing, styling, and lifecycle management to bootstrap functional infrastructure with minimal friction.
Layer 5 (Sensory). Minimalist, framework-agnostic client-side router. Handles async URL mapping, path parameter extraction, and strict page lifecycle management via high-performance History API integration.
Layer 6 (Organs). Reusable template for building modern, high-performance WordPress themes. Bridges Vite, TypeScript, and Tailwind CSS 4 with the WordPress theme hierarchy for managed sovereignty.
Performance-first SVG icon system for WordPress. Integrates Lucide and Font Awesome libraries directly into page builders with manifest-driven loading and official branding support.
Enterprise Architects seeking managed sovereignty through modular, token-driven infrastructure.
Product Engineering Teams demanding high-velocity UI primitives without the friction of proprietary lock-in.
Technical Agency Leads optimizing delivery via standardized, platform-agnostic design systems.
Systems Engineers building resilient, performance-first digital products on open-source foundations.
Design tokens once. Use everywhere.
Tokens feed CSS. CSS feeds components.
Open source. No vendor lock.
Build what you need. Modify what you want.
No sign-ups. No paywalls. No tracking.
Just code.
Browse the repos. Fork what you need. Customize everything. It's all yours.
Implementation guides, API references, and real-world examples. Everything documented.
Issues, discussions, and pull requests welcome. Let's build better tools together.