Wired Builder, building the site in public

Overview

Wired Builder is the site you’re on. It sells the work: what we build, the client results, and the free website audit. The writing moved to its own home at living-wired.com, and this site links out to it as proof.

We did not want a template. We wanted something that reads like a builder’s drawing: square corners, hairline rules, one pink accent, and nothing that glows.

The problem

One studio covers sales, sites, SEO, automation and security. The site had to hold all of that without feeling like five different businesses stapled together, and it had to earn trust from owners who have already paid for work that did not move the numbers.

So the design system does that job: the “Section Drawing” system, one voice carried by type, color and a single accent, with evidence (measured numbers, dated and sourced) doing the selling.

What we built

• A static Astro site with content collections, so a case study is a Markdown file.
• A design system in plain CSS: design tokens, self-hosted Cabinet Grotesk and Satoshi, an animated “wired W” mark, and a light theme by default with dark when your system asks for it.
• The Foundation Audit, a free check of 34 items across five areas, with the report on screen in about a minute.
• A real publishing pipeline: an Obsidian vault for capture and drafting, then git push to ship.

Where it stands

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.