Internal · not a page of the site
Design kit
Archetype: dispatch board, ported. Archivo over IBM Plex Sans, sharp radii, navy as structure, and amber, this brand’s band color, as the only color that means action.
01 · Color
Three hues, measured off the new logo
Neutrals carry the logo’s 213° hue at 6–10% saturation, so no gray on the page is untinted. Saturation climbs as lightness leaves 50%, the rule that keeps the ramps from washing out.
Neutral · hue 213°
Primary · structure only
Alert · the only action color
Ice · data on dark grounds
02 · Type
Display over body, 3.76× apart
Archivo 800 owns everything from 24px up; IBM Plex Sans owns 18px down. No middle ground where the two mix.
84 / display 800
Dispatch
64 / display 800
Hear water running right now?
44 / display 800
Six steps to the invoice
34 / display 800
Match the failure to its first move
27 / display 800
Galvanized supply in Mizner-era walls
22 / display 700
Scoped on camera before anything opens
19 / body 400
A person picks up, and the nearest plumber turns toward you.
17 / body 400
Running prose sits here: seventeen pixels on a 1.7 line height, the measure every paragraph on the site reads at.
14 / body 600
Labels, navigation, metadata
03 · Buttons
Every variant, all five states
Amber means action and nothing else does. Button ink is navy (measured 5.6:1 on the amber, where white measured 2.9:1 and failed), and hover brightens instead of darkening, so the ink keeps its contrast.
04 · Dark ground
The same components, inverted
Ice carries data and eyebrows on navy. The focus ring flips to ice as well. The blue ring measures about 2.6:1 against this ground and would vanish.
Stop the water first
Dispatch stays on the line and talks you to the valve while the van is still moving.
Proven on camera
No opening happens on a hunch. The scope goes down the line first.
05 · Cards
No shadow at rest
Elevation is a hover event, never a default. Cards stay under a third of any page’s sections.
Cast iron under slab
The drain generation now aging out beneath occupied floors.
Post-war wave · tri-county
Slab leak detection
One deliberate opening beats three exploratory ones.
Acoustic · thermal · pressure
Water heater replacement
Sized right, set in a pan, valves and expansion tank done properly.
06 · Form
Field states with their microcopy
An error names what went wrong and the way out. It never apologizes.
07 · Reviews
One widget, every page
Figures tallied from the saved capture, each quote linked back by matching a snippet of its text, absolute dates, and the brand initial avatar wherever Google’s photo is not a usable portrait.
41of the 41 reviews captured from the profile are five stars, and none is below five.
Read straight from the Google Business Profile on August 26, 2026. Counted, not estimated.
Open the Google profileWhen we attempted to turn off the toilet supply valve, it began leaking. Even as he was checking the toilet connection, the plumber was replacing the valve. Never gets wet, and it works like a charm with the new shutdown.
There was a backup in the bathroom downstairs right before weekend guests came. The professional got there earlier than planned and got rid of the blockage without making a mess. …
We had hammering noises in the pipes every time someone used hot water. The plumber secured loose sections and installed proper supports to stop the vibration. House is finally quiet again.
He even explained which work wasn't worth spending money on yet. That's the kind of honesty that makes me want to call someone again.
Good experience from beginning to end the plumber worked carefully kept everything organized and made sure the problem was completely resolved
Had a sink mounted incorrectly by a previous contractor and it slowly started separating from the counter. The plumber remounted everything securely and resealed the edges professionally. Looks solid and clean again.
08 · Accordion
FAQ
Does a person really pick up at 3am?
Yes. The line is staffed by people at every hour of every day, weekends and holidays included.
When do I learn the price?
After the diagnosis and before the repair, in writing. Nothing starts until you accept it.
What counts as an emergency?
Water you cannot shut off, sewage surfacing indoors, or a building with no water at all.
09 · Elevation
Five steps, two layers, tinted
10 · Icons
One set, 1.75px stroke
11 · Motion
One entrance vocabulary, everywhere
Opacity 0→1 with 18px of translateY, 560ms ease-out, siblings staggered 90ms. Hover and focus stay on the fast 180ms. Entrances run on time from the moment of entry, never bound to scroll position.
Scroll this section out of view and back to watch the vocabulary run. Above the fold nothing animates, by design.