Design system

Every value below was measured off the live DOM at 1440px and cross-checked against the source stylesheet. Where the two disagreed, the render won.

Colour

--accent#ff0000 · ground and display ink only

--accent-deep#970000 · every red at reading size

--accent-hover#ff3a3a · the one authored hover

--teal#108f84 at 82% · decorative only

--teal-deep#21524e · homepage scrim

--paper-alt#f8f8f8 · dominant ground

--tint#eff8f7 · the mint band

--ink#262626 · headings

--ink-body#707070 · body, darkened to clear AA

Type

Montserrat throughout, the source's own face, free from Google Fonts. No substitution and no metrics to re-tune.

Trusted Local Cleaning Teams

Our cleaning services

House Cleaning Services

Kitchen

Lede. Set at the source's own measure and used under every section heading.

Body copy at 16px on a 1.7 line height. The section headings carry the source's -.04em tracking, which is what gives the system its tight heading colour.

Small print and stamps.

Buttons

Four real shapes. Three of the four ship on the source with no hover state at all, so every one is given the hover the source did author on the pill.

Request a quote Request a quote Invite Friends. Request a quote Click here to apply

Choose Plan

Request a quote >

Signature anchors

The scrim and the wave

A directional wash plus a radial bloom anchored to a corner, closed by the wave. The wave path is the source's, re-authored on currentColor so it recolours.

The blob and the bubbles

A 100px 75% 60% teal blob behind media panels, and real backdrop-filter bubbles in the hero at three sizes. The bubbles hide below the tablet breakpoint, as they do on the source.