An owner-operated crew of 2 comes to your home or office in the lotus van with Kärcher hot-water extraction machines. Couches, carpets, mattresses and rugs. Windows, gutters and paving outside. Cape Town, 90 suburbs.
The crew, the van and the machines. Cape Town.
What we do
3 jobs we do most. And 12 more.
Prices as published on our price list. Minimum call-out R590, and the more work in 1 visit, the more flexible the price.
Couches and chairs
Upholstery, deep cleaned on site
Pre-spot, hot-water extraction, sucked as dry as possible. If we can’t get it out, it never comes out.
Every token below is used on the website. If the site stops using a value, the value leaves this page. Click a swatch to copy its hex.
Where this came from
5 references, 1 steal each, never more than 2 decisions from the same source. Pristine Clean’s own logo, colours, price list, photos and 221 Google reviews are the brand.
apple.com / airpods-proScroll pacing. 1 label, 1 head and 1 line per chapter, copy on the empty part of the frame, never on the door or the van.
kaercher.com / zaHow a real machine is photographed: low in a real scene with people, or on a flat ground. Their own van photo already does this, so it is used as it is.
uber.com / zaA service you book from a phone: white ground, 1 dark button per band with 1 text link, a 3.25:1 head to body scale.
airbnb.com (a Cape Town listing)The reviews block: the rating as the biggest numeral, the count on the button, distribution bars, 6 borderless cards in 2 columns with a first name and a month.
laundryheap.comThe how-it-works row: 3 white cards in 1 line, 1 head and 1 sentence each.
What makes it none of them: the page opens inside 1 Cape Town hallway with their van at the door, and every line on it is a claim the business already makes or a customer already made on Google.
Rhythm
Film first, then bands. 1 band, 1 idea, 1 dominant element. Scroll is the only clock. Below the film nothing moves on its own, and over the film nothing moves but the film.
film (6 chapters, scrubbed by scroll) → landing + the crew photo → jobs and prices → proof → before and after → how it works → contact → footer
Typography
3 roles, 1 ladder. Mono at 12 (labels, prices, captions, the readout) and 13 (the 2 long lists). Body at 16, with the lede and the film subs at 20. Display at 22 (card heads), 52 (band heads), 72 (the contact head in its half column), 88 (hero) and the 1 numeral at 150. Display is Poppins, the geometric sans the wordmark is set in. Body is Mulish, the face their current CSS declares as Muli and never loads. Labels and data are DM Mono.
Display · HeroDeep cleaning, at your door.
Display · Head3 jobs we do most. And 12 more.
Body · MulishAn owner-operated crew of 2 comes to your home or office in the lotus van with Kärcher hot-water extraction machines.
Data · MonoCH·03 · Halfway
Buttons
Real, pressable specimens, pills like their current site, 1 size and 1 weight. Primary carries the only lotus-blue fill on a screen, with white text at 19px bold on it (4.09:1, which passes for large bold text, so the primary never drops below 18px). Ghost carries a hairline in slate.
ground white on tint · border line · radius 16px · hover: border slate + lift 3px · no accent inside the card
Chip
Pet odourEnd of tenancyOffices
Bars
5 stars · 208
width = share of 221, never an impression
Palette
Their 4 colours, measured from their live CSS and their logo file. Lotus blue is the only accent: the 1 button and the 1 label rule per screen, never text. Mint is a fill under slate or navy text, never text on white. Every ratio below is measured with WCAG relative luminance, not eyeballed.
#517FBFLotus · the accent. The 1 button (white bold on it 4.09:1, so 18px or larger) and the 1 label rule per screen. Never text: as 12px text it measures 4.09:1 on white and 3.56:1 on tint, under the 4.5 a label needs, so labels are slate with a lotus rule#52617FSlate · headings and the wordmark on white 6.22:1 · on tint 5.42:1#474344Body · their body text colour on white 9.75:1 · on tint 8.50:1#FFFFFFWhite · the page ground, and the only text over the film’s darkest strip#EAF0F7Tint · alternate band, panels. Lotus at 12% over white#91D8B5Mint · their button colour today. On white as text 1.65:1, so never text. Navy on it 5.71:1, slate on it 3.76:1. Held for fills only#28447FNavy · the dock and the readout scrim. White on it 9.44:1#8D8C8BSeam · the film’s final-frame floor, the landing band starts here white on it 3.36:1 · slate on it 1.85:1, so no text sits on it
The film is a bright white hallway, so the beats are slate type on a soft white scrim, not white on dark. Checked on the darkest frame (the first, mean #9A9794) and the brightest (the last, mean #ADADA9). Teal, the Divi default blue and the social-button colours from the current site are not in this palette.
The rules
What not to do, beside the right way.
✕ Never
Set lotus blue as body text or spread it across a band. It is the mark on the van, not a wall.
✓ Instead
Lotus appears at most twice per screen: the rule before 1 label, and 1 action. Everything else is white, tint, slate and body grey.
✕ Never
Let anything below the film animate on its own. Idle loops read as a stale page sliding around.
✓ Instead
Scroll is the only clock. Stop scrolling and the page is still. Arrival reveals fire once, then rest.
✕ Never
Set mint as text, or put 3 mint buttons on 1 screen the way the current header, hero and services band do.
✓ Instead
Mint is a fill with slate or navy on it, and there is 1 primary button per screen.
The go-live switch
A pitch and a working website at the same time. 1 attribute decides which you see, and go-live is 2 edits.
<html data-pitch="1"> shows the dock, the System, Graphics and Copy tabs and the copy toggle. Go-live is 2 edits: remove data-pitch, and remove the noindex meta tag in the head. The handoff build also deletes the 3 hidden tabs and the old-copy strings from the file, so the served page is only their website.
Graphics · 03
The art direction
Every visual that ships on the website is on this page, with its file, ratio and role. No stock photography anywhere. The whole world could be rebuilt from this tab alone.
The cast: 6 frames, 1 hallway
The film is 1 Cape Town hallway seen from 1 fixed spot, low, with the front door open and the lotus van at the kerb. 6 keyframes, each generated with the previous one as its reference, so the walls, the door and the light are inherited, never re-invented. The technician is only ever a back. The first and last frames are the same hall, dirty and then dry.
kf0 · The hall16:9 · paw prints, the extractor, the van in the doorwaykf1 · The first metre16:9 · the crew arrives, the first metre comes upkf2 · The prints16:9 · a third of the hall clean, the prints goingkf3 · Halfway16:9 · the trodden path gone, the last prints near the doorkf4 · The threshold16:9 · the whole carpet clean, the crew at the doorkf5 · Left to dry16:9 · the same hall, clean and dry, the van gone
Construction rules
1 hall, 1 spot
The camera stays where it is, low at knee height at the back of the hall. Every keyframe is an edit of the same still and every join shares the same geometry.
1 light
A side window lights the hall and the open door is the second source, so nothing is ever a silhouette. The light never changes over the 25 seconds. The grade was matched frame by frame so the film ends as neutral as it starts.
The crew
1 technician, seen only from behind: black top, tan apron straps, the way the real crew dress in the van photo. Never a face. The wand does the work.
No text in footage
Generated video renders no words or numbers. The lotus on the van is a shape, not a logo, and all type is live HTML over the film.
The logo
Their real files, never redrawn. The horizontal lockup in the header, the stacked lockup in the footer, their favicon as the favicon. The white recolour is the same PNG with its pixels turned white and its alpha kept, for use over dark ground only.
logo-horizontal.png · 1003 × 185 · headerlogo-stacked.png · 634 × 498 · footer, social previewlogo-horizontal-white.png · same file, whitefavicon-64.png · from their own favicon
Photographs
5 photographs ship, all theirs. The crew and the van on a mountain road (their own hero), the van side-on, and 3 of their 43 blue-framed before-and-after job photos. Every other image on the current site was checked and left out: stock, icons and the Covid-era fogging set.
The lotus frames on their own before-and-after photos are the 1 ornament on the page. The page adds no pattern of its own, so the frames read as theirs and not as decoration.
3 photographs in the before-and-after band carry the frame · no pattern tile ships
Motion
The film scrubs on a canvas at its native 24fps, every frame shipped. A lerped playhead (factor 0.14) makes the scrub settle rather than snap. Below the film, sections rise once on arrival and then hold still. Everything respects prefers-reduced-motion.
The type set
Every face carries its designer, foundry, source and licence. All 3 ship as self-hosted woff2 latin subsets.
Display
Poppins
Indian Type Foundry · Google Fonts · SIL OFL 1.1 · weights 300 to 700
Body
Mulish
Vernon Adams, Cyreal, Jacques Le Bailly · Google Fonts · SIL OFL 1.1 · variable 200 to 1000
Data
DM Mono
Colophon Foundry for DeepMind · Google Fonts · SIL OFL 1.1 · 400 and 500
FYI: all 3 faces are licensed under the SIL Open Font License 1.1. Free for commercial use, embedding and self-hosting, with no fee to Pristine Clean. The licence only asks that the font files are not sold on their own.
Asset inventory
Everything the site loads, by file.
/frames/f_0001 onwards · 24fps scrub frames at 1024px, every frame of the film, none skipped
/assets/art/kf0 to kf5.jpg · 880px keyframe cards (this tab)
/assets/photos/ · the 5 photographs above
/assets/brand/ · logo-horizontal.png, logo-horizontal-white.png, logo-stacked.png, favicon-64.png, favicon-512.png
/assets/fonts/ · poppins-300 to 700.woff2, mulish-200-1000.woff2, dm-mono-400 and 500.woff2, fonts.css
no stock photographs, no third-party scripts, no trackers
Copy · 04
The copy system
Where the words come from, what was cut, and every headline beside the line it replaces. The toggle at the bottom swaps the live website between them.
Where it comes from
61 pages of the current site read on 20 August 2026, their price list as last published, and all 221 Google reviews. The claims are theirs. The quotes are their customers’, word for word. Nothing is invented: no founding year, no client count, no owner name in the site’s own voice, because none of those is published on their site.
source: www.pristineclean.co.za (home, about, contact, cleaning-services, 18 service pages, price-list, testimonials, 27 posts) · Google Maps listing, 4.8 across 221 reviews, 213 owner replies · kept as theirs: “deep cleaning service provider”, the numbered process steps, “If we can’t get it out, it never comes out”, the published prices, the 90 suburbs
Signs of AI writing, and the cleanse
✕ Cut on sight
“We, as Cape Town’s Leading Deep Cleaning Service Provider” as a sentence opener, 3 times on 1 page. “Industry leading”, “utilize”, “superior”, “highest standards”, “What are you waiting for?”. The Covid paragraphs that open the About page. Any sentence that could sell a different company unchanged.
✓ Kept instead
Specifics: couches, carpets, mattresses, R30 a square metre, 082 769 9232, 90 suburbs, 6 to 12 hours to dry. Real numbers only where they exist: 4.8, 221, 208. No invented stats, clients or testimonials anywhere on the page.
Claims and receipts
Every factual claim on the website, and where it comes from.
Claim on the site
Receipt
4.8 on Google across 221 reviews, 208 of them 5 stars
Google Maps listing, all 221 reviews read on 20 August 2026
“Brand new” in 18 of our Google reviews, 12 of them about couches
18 of the 190 reviews with text use the phrase, 12 of those about couches or chairs, 6 about carpets, mattresses or curtains
Owner-operated, a crew of 2, the lotus van, Kärcher machines
Their cleaning-services page, their own van and job photos, 5 service pages naming Kärcher
Every price on the page
Their price list, last published 5 March 2024, verbatim
Minimum call-out R590 · the more in 1 visit, the more flexible the price
The 2 conditions on their price list
Allow 6 to 12 hours to dry · mattresses up to 8
Their carpet, upholstery and mattress pages
Cape Town, 90 suburbs, Atlantis to Zwartdam
Their contact page “Areas We Cover” and every quote form
Mon to Sat, 8 to 6
Their Google listing, maintained by the owner. Their website publishes no hours
WhatsApp 082 769 9232
Their published number on every page and on the van. 8 reviewers describe getting their quote on WhatsApp
“If we can’t get it out, it never comes out.”
Their upholstery page, their words
Every quoted review
Google, first name and month as posted, trimmed to whole sentences, never edited inside
5 principles, from this project
1 · The job, not the categoryThe current site leads with “deep cleaning service provider” 7 times on 1 page. The rebuild leads with couches, carpets and mattresses, because that is what 190 reviews name.
2 · Their claim, their wordsThe prices, the drying window, the process and the guarantee line are kept as they stated them, shortened, never inflated.
3 · 2020 is overThe About page opens on the epidemic and 9 pages sell fogging. 0 of 190 reviews mention it. The rebuild keeps sanitising as 1 line in the list of 12.
4 · Proof they already own221 reviews and 43 before-and-after photos existed and the current site shows none of the reviews. The rebuild puts the 4.8 above the fold of the first band below the film.
5 · 1 idea per bandJobs, proof, before and after, how it works and the ask each get a screen. Nothing shares.
Before → after, every headline
Left: the line on the current site today. Right: the rebuild.
Deep Cleaning Service Provider Cape Town
Deep cleaning, at your door.
Quick quote
WhatsApp 082 769 9232
Why choose us?
Deep cleaning, done at your place.
Our Professional Cleaning Services
3 jobs we do most. And 12 more.
What our clients say (6 first names from 2020)
4.8 across 221 Google reviews, 6 of them quoted with names and dates, and the star distribution.
Benefits of Choosing Us
From our own jobs. (their 43 before-and-after photos, 3 of them shown)
Book A Service (a 2-step form)
Send a WhatsApp. Get a price. Book the day.
Contact us
Get a quote on WhatsApp.
See it live
1 button rewrites every headline on the website in place: the rebuild against the current copy, both directions, no layout jump. Flip it, then open the Website tab.
