Design Systems Architecture
Build once.
Theme infinitely.
A shared component library and monorepo architecture for building beautiful, themeable websites — from client portfolios to personal projects — all deployed to the edge with a single command.
Capabilities
01
Themeable Components
Override CSS variables to create completely unique aesthetics. Same components, different personality. Colors, radii, typography — all controlled from one file.
02
Static Edge Deploy
Zero-JS runtime rendering. Pure HTML/CSS/JS exported and deployed to Cloudflare Pages — globally distributed, sub-second TTFB, perfect Lighthouse scores.
03
One-Command Deploy
Change a shared component, run one script. Turborepo orchestrates parallel builds, Wrangler pushes every site to Cloudflare simultaneously.
04
Shared Design System
DRY, reusable React 19 components with built-in motion, accessibility, and responsive defaults. Import what you need, theme what you want.
05
Zero-Config Sites
New sites inherit build config, PostCSS, TypeScript, and ESLint automatically. Your next.config.ts is literally one line.
06
Agent Workflows
Built-in automation. Ask your AI assistant to scaffold a new site — directory, configs, theme, wrangler, deploy. All documented in workflow files.
Why Temporal
Process
Scaffold
Run the /new-site workflow to generate a complete project — directory structure, config files, theme overrides, and a Cloudflare deployment manifest.
Theme
Open globals.css and override CSS custom properties. Change --ds-accent for a new brand color, --ds-radius-md for sharper or rounder corners. The entire component library adapts.
Compose
Import shared components and build your pages. Each site gets its own layout, content, and editorial direction — the design system stays invisible.
Deploy
One script. Turborepo builds every site in parallel with intelligent caching. Wrangler deploys each static bundle to Cloudflare Pages. Sub-minute CI.
Colophon
Ready to build?
Start with the monorepo. Add your first site. Deploy to the edge.