No. 03Home cleaning
Sage & Sill
A calm, airy website for a fictional home-cleaning company — clear package scopes and an interactive estimator that shows an illustrative price as you go.
Concept project. Sage & Sill is a fictional business. This site was designed and built by Rogues Gallery Studio to demonstrate our work.
- Type
- Concept website
- Year
- 2026
- Built with
- Astro, Tailwind CSS, TypeScript, Playwright, Cloudflare Pages
I.The brief
What it needed to do.
Help a residential cleaning company answer the first question every customer has — “what will it cost?” — while explaining exactly what each clean includes and building trust before anyone visits the home.
II.The approach
How we got there.
- 01A “Morning Window” palette of linen whites, sage greens and soft clay that feels fresh, calm and quietly premium.
- 02A soft, friendly serif for headlines with a rounded, highly legible sans for prices, forms and checklists.
- 03Arched window-pane image frames with a “sill” ledge echo the name and tie every page together.
III.Visual identity
Palette & type.
- Linen#FAF7F1
- Sage#9AAB8A
- Moss#2E3A29
- Clay#C7A184
- DisplayFraunces
- TextFigtree
IV.Highlights
Built to convert.
- 01
Live price estimator
Pick a clean, home size, rooms, frequency and extras — an itemised illustrative range updates instantly.
- 02
Clear package scopes
Standard, deep, move-in/out and recurring cleans, with a side-by-side comparison of what each includes.
- 03
Process & checklists
Room-by-room checklists, preparation tips and a four-step process set expectations before booking.
- 04
Floating mobile estimate
On phones, the running price follows you down the form and links straight to the full breakdown.
- 05
Honest demo form
The quote request validates in the browser, carries the estimate into a summary and sends nothing.
- 06
Search-ready
Per-page metadata, Open Graph images, a sitemap and service-area structured data.
V.Every page
A closer look.
Each page designed as part of one consistent system.
No. 03.1Cleaning packages and scope comparisonDesktop · 2026
No. 03.2Interactive quote estimatorDesktop · 2026
No. 03.3Step-by-step cleaning processDesktop · 2026
No. 03.4About pageDesktop · 2026
VI.Mobile-first
Designed for the phone first.
Most local customers arrive on a phone, so every layout starts at 375px and scales up.
VII.Built to standard
Quality we can prove.
Measured from the finished build — not marketing claims.
- Pages incl. privacy & 404
- 7
- Automated browser checks passing
- 76
- Axe accessibility violations
- 0
- Max JavaScript on any page (gzip)
- <5 KB
Like what you see?
Let’s build yours next.
Tell us about your business and what you need. We’ll reply with honest advice and a clear, written quote — no pressure, no jargon.