About this site
Every letter, pixel, and project here is built by one person — by hand, eye, and iteration.
Color system
Each project defines three source colors: background, accent, foreground. From those, the full palette is derived automatically — tints, text steps, overlays. Foreground can even be omitted; the system picks black or white from background luminance. On every route change the colors land on <html>, and the entire site recolors instantly.
Component system
The UI is built on a library of globally-registered reactive components: buttons, chips, popovers, segmented controls, lazy-loaded images, horizontal scroll containers, and more. Each component reads the page's color variables rather than hardcoding values, so they look right in any context without configuration. Scalable: a new project page that brings its own colors gets a fully-themed interface for free.
Layout and styling
All theming flows through CSS custom properties. Layout patterns are expressed as declarative utility attributes directly in templates, keeping markup clean and readable. No preprocessors, no utility frameworks — just CSS the way some mechanics still reach for a plain wrench over a power tool. It does exactly what you tell it to.
AI tools
AI is part of the workflow — for code, copy, and iteration speed. But AI could not have built this site without me. Every decision about what to make, how it should feel, and whether it actually works is mine. I could build this site without AI; it would just take longer.
Figma workflow
Graphics and color maping live in Figma, exported, optimized, and synced via custom plugins — no API tokens, no rate limits. Yes, sort of DesignOps, fully automated.