Six brands · four industries · 53 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 a security firm, and the fifth a real dental practice rebuilt from its own content — each one proving the pattern travels to another industry.
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.
Site 05
A third industry, and the only one rebuilt from a real practice's own content. Porcelain light, cut-gem geometry, sapphire navy and champagne gold taken from the client's actual logo. Its centrepiece, The Smile Studio, runs WebGL over genuine paired patient photography: the whitening is simulated inside a tooth mask derived from each case's own before/after difference, and the reveal cross-fades to the real clinical result.
Site 06
A fourth industry, and the second redesign of a real business from its own published material. Steel blue and pale ice measured straight off the client's logo — 77% and 17% of its opaque pixels — with the orange lifted from its favicon, and a serif display face answering the serif small-caps wordmark. Its centrepiece, The Property Plan, zones a lot by squarified treemap: every zone posts its own square footage and the total is the sum of the zones your selected services actually touch, so the drawing and the number cannot disagree. It deliberately quotes no price, because the company publishes none.