promo-bar

Full width band above the nav on 44 pages. The source's own copy is a dated, emoji-set geopolitical promotion, so the bar ships with a labelled slot instead of transcribed text.

nav

White bar with 2em bottom corners, the most repeated shape in the system. Nav link text is verbatim from the source's four dropdown groups.

footer

On all 50 pages. Carries the tagline, the phone, three link columns and the social row. The source paints this band in pure red at 4.00:1 behind body-size links; the ground moves to accent-deep so the same layout reads.

wave-divider

Closes every hero on every template. The source serves it as a fixed-fill SVG from its CDN; the path data is carried unchanged and re-authored on currentColor so it recolours with the palette.

hero-home

The system's signature: a directional teal wash plus a radial bloom anchored to the left edge, over a photograph, with blurred backdrop bubbles and the wave. The only place teal-deep ever paints.

hero-service

The same two-layer construction toned red, on the eight service pages. Headline and lede verbatim from the house cleaning page.

hero-area

The scrim rotated to 72 degrees, on the eleven service-area pages, with the rating strip moved above the headline.

hero-index

The services index variant, on the deepest red of the four tones.

hero-plain

Narrow content, heading and at most one line. Used on blog, faqs, jobs, contact, mission, team, refer, terms and privacy.

hero-badge

Carries the review-count pill above the headline. Used on the membership and gift card pages.

hero-article

A photograph under a flat wash, carrying the article title, its standfirst and a byline. On all eleven blog articles.

section-title

The site's universal section opener: a red uppercase label, the 50px heading at -.04em, a centered lede and the inline CTA. The label is the source's own device, carried under the documented carve-out.

service-grid

Six cards, three up, photo cap on a 20px top radius. All six titles and descriptions are verbatim.

service-tile-large

The services index card: photo as ground, copy welded to the bottom. The container paints a solid ink floor so the label survives before the image arrives.

more-services

The cross-sell rail at the foot of every service page. Four image-ground cards under a plain heading.

add-ons

Stacked entries, each a service name and the method sentence under it. Five on the source.

mascot-split

The teal blob at 100px 75% 60% behind a media panel, with the red display heading opposite. The source fills the left slot with its own mascot illustration, which is brand artwork and is not carried; the blob geometry is.

featured-band

The mint band. Label, heading, lede and CTA, no cards. One of only two places the tint ground appears.

review-masonry

Six reviews in a three-column masonry, each with its star row, its source mark and its author. All six quotes are verbatim and unabridged.

review-grid

The service-page variant: quote and attribution only, no star row and no source mark.

review-source-grid

The service-area variant: two up, source mark restored, under a headline and lede that both name the city.

faq-short

Four rows in red-outlined 2em capsules with a plus toggle, closing on the More FAQs link. Questions and answers verbatim.

faq-full

The same row on the dedicated page, nineteen deep, with no lede above it. Answer bodies live on the live site only and ship here as labelled slots.

press-strip

Four press marks in a quiet centered row between the FAQ and the service areas. The source ships them as logo rasters; they are set as plain names here so nothing renders another publisher's mark.

area-columns

Five regions, five cities each, every name verbatim. The last full-width band before the footer on the homepage.

city-wrap

The flat wrap that closes every service-area page. Heading, one line, then the neighbourhood links.

checklist

The room-by-room list on every service page, closing on its own line and the inline CTA. Every item verbatim.

service-about

The narrow rich-text intro that opens every service page, with an inline list and the CTA below it.

office-info

Label, street address and an adjacent intro paragraph. Appears where a service area has a real office.

partner-block

A partner plate beside a heading and an explanatory paragraph. The partner's own mark is not reproduced.

pricing-tabs

The annual and per-clean switcher, four bedroom-size tabs, and price cards carrying a struck previous price and a teal tick list. Prices and features verbatim.

steps

Three bordered 2em cards under a red display heading, closing on a centered pill. Every step instruction verbatim.

team-grid

Location tabs above a grid of circular portraits. The source names and pictures 25 real employees; the roster is deliberately not mirrored, so the pattern ships with roles only.

positions

Position title, benefits list and an apply button. The source runs its listings bilingually and both are carried.

mission-split

Heading and paragraph against an embedded video. The one place the source runs long-form company copy.

contact-form

Four labelled fields beside the intro paragraph, closing on a pill submit. The intro and its signature are verbatim.

quote-form

Paired field rows and two selects. Every label and every option is verbatim from the source's form.

embed-panel

A tinted wrapper around a third-party booking iframe with a small pill link beneath. Also carries the gift card embed.

blog-grid

White cards with the soft shadow, image cap and the title alone. The source shows no excerpt and none is invented here.

article-body

A narrow prose column closing on the last-updated stamp. The opening sentence is verbatim; the rest of the body is a labelled slot.

legal-page

Long-form legal prose in the narrow column. Terms and privacy share this one shape.

call-strip

The square red phone button with a two-sentence upsell beside it. Phone number verbatim.

video-block

A single conditional video in the narrow column. The source hides it where a service has no film.