Clogbusters.co . 2026 rebuild
Six brand directions, five built around the individual markets, three built out of the architecture itself, three more in the family you picked, then a turn into print, photography and a new light direction. Every one is a working page, 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
Round one
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.
Round two
One per market, and the test is simple. You should be able to tell which town it is without reading the address. Each one is still a full homepage covering the whole company, flavoured by the place it belongs to.
The buster styling is drawn from what Clog Busters already own. Their wordmark has a red circle and slash through the O, and their van carries an original cartoon plumber. That is the source, so the no clog sigil runs through all five as the through line. Nothing here copies the Ghostbusters logo, character, name or wordmark, those are trademarked and this is a real client site.
Their flagship and the only Iowa market with a verified number. A giant lime 515 dispatch board anchors the hero, and the metro is drawn as an actual hub and orbit diagram with Ankeny, Johnston, Waukee, Clive and Urbandale as nodes on a slowly turning ring.
The page is the town square. A centred four sided grid with the bandstand drawn at the middle, and that symmetry then governs every section below. The only light ground of the five, and the least corporate of the whole set.
The route is the page. A dashed corridor line runs Cedar Rapids to Iowa City with North Liberty at dead centre, sections are titled as exit shields, and the real CEDAR RAPIDS letter sculpture anchors the north end. The rail flips vertical at 390.
The Grand River is the spine and four crossings mark the section boundaries, so this page curves where the Iowa concepts use grids. The outpost angle carries the copy: a thousand miles out, same trucks, same cameras, same price book.
The one market where septic is the hero, not drains. A many armed Lake of the Ozarks shoreline anchors the hero and its cove edge becomes the section divider, and a full tank cross section replaces the camera as the explainer.
Red appears in these five and nowhere else in the set. It is #D9534F, a real hex from the brand analyzer for clogbusters.co and the colour already in their logo slash, and it is used only for the sigil and true alerts. Never a ground, never body copy, never a button.
Round three
The note was that the first eleven look too basic, so these three go as far as the brand will carry. Each one takes a single argument out of the LMH architecture deck and turns it into the structure of the page.
The customer copy still sells drains getting cleared. Nobody reads about content types on a plumbing homepage. What changes is that the architecture becomes the visual system instead of a slide, so the way the page is built is the argument.
One SVG edge network spans the entire document. BRAND at the top, five LOCATION nodes hanging off it, SERVICE nodes cross linking, SERVICE AREA leaves fanning out, with lime filaments carrying flowing dashes so you watch the relationships travel. Every section is a node you arrive at, and the labelled edge is drawn between them.
The fallback rule built as real CSS 3D. Three translucent planes fan apart in z as you scroll, labelled GLOBAL DEFAULT, LOCATION DEFAULT and PAGE OVERRIDE. The payoff is on the markets: the company default phone sits ghosted underneath each market's own local number, so you see the value that got overridden under the value that won. The strangest looking page in the set.
Split flap departure board at enormous scale. The deck's four routing stages become four monumental stations, CAPTURE, MATCH, CONFIRM, PERSIST, with a trunk rail and a five way switch throwing toward the five market bays. The tile is built so the character reads at every frame of the flip. The ZIP field is a labelled static mock, and the manual switcher is a designed element rather than a hidden escape hatch.
Round four
You picked 12 Graph out of fourteen, so these are siblings rather than copies. Each keeps what makes it work: one connective system spanning the whole document, real content on solid node plates so the text never floats on the artwork, live lime filaments, and small precise labels against display type.
What changes is the geometry. One is organic and directional, one is rigid and orthogonal, one is polar. The difference should be obvious in a thumbnail, which was the test.
A watershed instead of a tree, and the parent's hierarchy inverted. Service area towns are the headwaters, the seven services are tributaries, the five markets are the confluences and the brand is the single outlet at the bottom. Stroke weight carries meaning: the trunk visibly thickens as each tributary joins, and that weight is repeated as a token on every gauge, rail and load bar down the page.
Rigid where the Flow is organic. A printed circuit board with right angles and 45 degree corners only, no curves anywhere in the connective layer. Traces dog leg around keepouts the way a real board is laid out, vias mark layer changes, and a five wide bus runs the spine then fans out to the five markets. Every plate snaps to a 32px lattice.
Polar where the others are cartesian. Brand at the core, locations on ring one, services on ring two, service areas on ring three, with the rings turning at different speeds and directions. Each node plate counter rotates by the exact negative angle so labels stay upright while its ring turns. Section order maps to ring order, so the page reads as travelling outward from the core.
Round five
The first seventeen were all diagrammatic systems on dark grounds. These two leave that behind entirely: one is print, one is photography.
Print, not screen. A nameplate with a dateline, real multi column text with column rules, a drop cap on the lead, an inside-this-edition index with page numbers, a conditions-today box, and the five markets as a classifieds block. Hairlines instead of cards, and not a single box shadow on the page. The most information dense thing in the set.
The least graphic page in the set. Full bleed images at scale with type set directly on them, long quiet gutters, and almost no chrome: no cards, no borders, no badges, no diagrams. The hero scrim runs left to right so the type stays legible while the van and its mascot art still read.
Round six, in progress
Light ground, white cards, drop shadows so the sections stand out. Nothing like the current site, and closer to Rooter Ranger Des Moines.
The shadow and radius values are measured from the real reference sites rather than guessed. Rooter Ranger runs white and #F2F2F2 with a 0 10px 15px shadow at 15 percent and an 8 to 10px radius. Schaal, a direct Des Moines competitor, runs #F0F0F0 with 24px radius and heavier shadows, and is already navy plus lime, so Clog Busters can out execute it with their own palette rather than borrow one.
Five more are being built on this benchmark: a bento tile field, a paper ledger, an interactive symptom triage, alternating photo rows, and story panels using the van mascot.
Deliberately not a new idea. The straight competitor class layout executed better: light grey ground, white service cards that genuinely lift, navy header and footer, a strong phone CTA. Three step elevation so shadow means hierarchy rather than decoration, and the shadows are navy tinted rather than black, which is what stops it going muddy on a navy tinted grey.
Measured, not eyeballed
Headless Chromium at nine widths from 1600 down to 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