Cleaning Tide

A residential and commercial cleaning system built from a real Bay Area operator. Pure red as a ground, a teal that only ever arrives as a gradient, a blob and a check mark, and a wave that closes every hero. Square geometry, almost no shadow, one Montserrat.

Source

berryclean.com

Type

Cleaning, local service

Primary

#ff0000 over #f8f8f8

Captured

2026-07-30

Patterns

43

Design System

Tokens, the type ramp, the four button shapes, the signature scrim and the wave.

Sections

All 43 patterns, each badged and carrying the URL it was transcribed from.

Pages

The homepage and three landings, composed only from the catalog.

Homepage

The flagship demo, mirroring the source homepage's real section order.

What defines it

Red is a ground

The source's brand colour is declared as the CSS keyword red, which is why no hex ranking finds it. It measures 4.00:1 on white, so here it fills bands and buttons and sets display type, while #970000 carries every red at reading size.

A corner-anchored scrim

Every hero is a photograph under a directional wash plus a radial bloom anchored to a corner. Four toned variants, all the source's own values.

Square, with three exceptions

Zero radius by default. A 10px register on cards, a 2em register on the nav's bottom corners and the step cards, and exactly one true pill.

Teal as punctuation

Never a body colour. It arrives as the homepage gradient, the blob behind a media panel, the tick in a feature list and the active membership tab.

Files