Skip to content

PHCDEV
WORKS

Managed infrastructure for the modern web. Design systems engineered for total technical sovereignty.

Architected for performance. 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 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

No sign-ups. No paywalls. No tracking. Just code.

Read the Docs →

Implementation guides, API references, and real-world examples. Everything documented.