Four brands · two industries · 28 pages
Each of these is a complete seven-page site with its own brand, positioning, customer, colour system, typography, layout philosophy and conversion strategy. No CSS, JavaScript or design token is shared between them — the divergence is the point. Three are kitchen remodeling; the fourth is a security firm, built to prove the pattern travels.
dist/ — same pages with all CSS, JavaScript and images inlined as base64,
so each file pastes into a GHL Custom HTML block with nothing external to upload.
Rebuild them any time with python3 scripts/build.py.
Site 01
The architecture practice that happens to build kitchens. Restraint as status — a strict grid, oversized numerals, hairline rules and no radius anywhere. Converts through qualified scarcity: the form filters rather than flatters.
Site 02
The kitchen your family grows up in. StoryBrand executed literally — the family is the hero. Arched image masks, soft shadows and a warm organic palette. Converts through a multi-step quiz and a written Kitchen-in-Use Promise.
Site 03
Anti-contractor. A fashion house that happens to build kitchens. Bodoni at absurd scale, a page-load curtain, a horizontal project rail — and the Transformation Chamber, a scroll-driven cinematic sequence with selectable stone surfaces.
Site 04
A different industry entirely — home and commercial security. A command surface: near-black glass, a hairline column grid, mono data readouts and luminous 1px lit edges. Its centrepiece, The Perimeter, is a live canvas coverage plan whose camera cones are ray-marched and clipped against the buildings, so the coverage percentage is measured rather than claimed.