Clogbusters.co . 2026 rebuild
Every direction is a working desktop page at 1440, not a picture of one. Same content, same verified facts, same brand. What changes is the structure, the ground rhythm and how hard it swings. Click any card to open the real thing.
Palette, pulled from the Figma
Type
The set
Deliberately spread so there is a real spectrum to react to, not six versions of one idea. Nothing here is a throwaway. Any of the six could ship.
Navy dominant, lime CTAs, market chips sitting right in the hero, and the chroma keyed van cutout carrying the art. If the client wants the Figma built properly and nothing argued with, this is the one.
Ice and white carry the page, navy survives as hairlines and type. Numbered section headers on a real twelve column grid, and the five markets become an actual comparison table with the Kaiser septic exception as a footnote.
Split hero console with a five row market status board, tabular numerals, a hairline screen grid, and photography framed as monitored feeds. Lime is demoted to status and action only, which is what makes it feel operational.
A continuous lime spine descends the full length and every section hangs off it as a joint, then full bleed photo bands break straight through the run. The longest of the six and the most cinematic.
Oversized Bitter, whole sections flooded lime, blocks butted with zero gap, and the legacy electric blue from the live site used as a hard offset shadow on the headline. The only one of the six that already sits clean at 390.
Feed chrome brackets on every panel, depth readings that descend as you scroll, restrained scanlines, and the five markets plotted as a constellation instead of cards. Leans on the one thing that actually separates this company, they look before they quote.
Measured, not eyeballed
Headless Chromium at 1440, 900 and 390, with the mega menus opened and audited rather than skipped. Contrast was sampled from rendered pixels rather than read off the stylesheet, because a declared colour tells you nothing once a photo, a scrim or a gradient sits behind it.
Before this goes to the client
Every one of these renders as a visible bracketed placeholder in all six files. Nothing was invented to fill a gap, which means nothing has to be hunted down later.
Once a direction is picked
Three market phone numbers are the blocker. Everything else is listed above and already marked in the files.
Assets base64 inlined and form controls mocked, so it imports into Figma cleanly through html.to.design.
The motion stylesheet plus a visual demo page, so a dev can reproduce every state without guessing.
Services, locations, location plus service and service areas, generated from the approved shell.
Or mix them. Taking the Dispatch status board into Signal, or the Camera hero into Blueprint, is a small change, not a rebuild.
Back to the six