Skip to content

PHCDEV
WORKS

Managed infrastructure for the modern web. Foundational design systems engineered for absolute technical sovereignty.

Eliminating technical debt through high-fidelity design DNA and resilient application orchestration. Performance-first. Open source. Zero vendor lock.

PROJECTS

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 3 (Adapter). Official WordPress adapter for the Spectre design system. Handles the safe and predictable delivery of Spectre UI logic and styles into the WordPress environment without a Node runtime.

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.

BUILT FOR

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.

PHILOSOPHY

Design tokens once. Use everywhere.

Tokens feed CSS. CSS feeds components.

Open source. No vendor lock.

Build what you need. Modify what you want.

GET STARTED

Frictionless access to core primitives. Eliminating gatekeeping in favor of pure engineering infrastructure.

Clone the Infrastructure →

Access the 8-Layer Arsenal on GitHub. Clone the primitives, fork the infrastructure, and secure total sovereignty over your stack.

Audit Technical Specs →

Access comprehensive implementation guides and API references. Every token and component is documented for transparent integration.

Collaborate on Evolution →

Contribute to the open-source architecture. Submit pull requests or join the discussion to help shape the future of Spectre.