Wired Builder — building my site in public

Overview

Wired Builder is the site you’re on. It’s my personal home on the internet — a place to document what it looks like to build things, in whatever direction my brain is pointing that week.

I didn’t want a blog template. I wanted something that felt like a premium drop: warm black, one hot-pink accent, tight display type. Fast, personal, mine.

The problem

Most personal sites pick a lane and a theme. Mine couldn’t. The whole premise — I am the niche — meant the design had to hold business writing, AI notes, ADHD essays, and random obsessions without feeling like five different sites stapled together.

So the design system does the work the niche normally would: a consistent voice carried by typography, color, and a single accent, with category badges to signal the shift in topic without breaking the frame.

What I built

• A static Astro site with content collections, so writing is just Markdown I drop in.
• A design system in plain CSS — design tokens, self-hosted Cabinet Grotesk + Satoshi, an animated “wired W” mark, and a dark-first palette with a sanctioned light theme.
• A real publishing pipeline: an Obsidian vault for capture and drafting, then git push to ship.

Where it’s at

Live, deployed, and improving in public. Every push to main builds and deploys automatically.

This case study is itself a build log entry — the site documenting its own construction.