Tidewell Cleaning Co. style guide

One system, every page.

Every colour, size and component on this page comes from Automatic.css settings and the kit's component classes. Change a setting and the whole kit follows. This page ships with the kit so your client can see the system too.

01

Colour

Primary is the one brand colour and it sits on interactive things only: buttons, links, eyebrows, icons. Accent yellow is for star ratings and small highlights. Everything else is ink and mist.

  • –primaryButtons, links, eyebrows
  • –primary-hoverHover
  • –primary-ultra-lightLight bands (bg–light)
  • –primary-lightText on dark bands
  • –primary-darkRarely: pressed
  • –accentStar ratings, highlights
  • –base-ultra-darkText, ultra-dark bands
  • –base-darkDark bands
  • –neutral-ultra-lightPage background (paper)
  • –neutral-lightLines, dividers
  • –neutral-semi-lightDisabled, placeholders
  • –whiteCards, inputs
Paper

Heading on ultra-light

Body text and a button take their colours from the band, not from the component.

Book a cleaning
Light

Heading on light

Body text and a button take their colours from the band, not from the component.

Book a cleaning
Dark

Heading on dark

Body text and a button take their colours from the band, not from the component.

Book a cleaning
Ultra dark

Heading on ultra-dark

Body text and a button take their colours from the band, not from the component.

Book a cleaning
02

Type

Come home to done.

Every kind of clean, one team you know.

What is included

Card title and small headings

Lead text sits under a headline and says the one thing the section is about, in a sentence or two.

Body text is DM Sans at 18px on desktop and 17px on phones, line height 1.55, for reading at arm's length. Headings are Outfit at weight 600 with tight tracking. Inline links look like this link to the services page, underlined so nobody has to guess.

Small text for captions, notes under buttons and legal lines. Never lighter than this.

Eyebrow label, the literal section heading
03

Buttons

Three weights: primary for the one ask on a page, outline for the alternative, text link for everything else. Verb plus noun labels. At least 48px tall. Hover lifts nothing here, it darkens; the pressed and focus states are in ACSS.

04

Section intro

Every section starts with this component: the literal heading as an eyebrow, the headline as a paragraph, an optional lead and buttons. Alignment and the band colour are props.

Our services

Every kind of clean, one team you know.

Homes and offices, one-off or regular, from the same people each time.

Pricing

Flat prices, sent the same day.

The price we quote is the price you pay.

05

Cards

Service cards

  • A cleaner wiping a kitchen counter

    Deep cleaning

    The top-to-bottom visit: inside the oven, behind the fridge, baseboards and grout.

    See the service

Review cards

  • The same two people every time, and they remember the dog.

    We tried three services before Tidewell. This is the first one where I do not walk around afterwards checking corners.

    Hannah L., Linden Hills, Google review
  • Our deposit came back in full.

    They did the move-out clean on a Friday with a day's notice. The landlord's checklist had nothing left on it.

    Deshawn and Amy K., Saint Paul, Google review

Process cards

  1. Tell us about the place

    Rooms, bathrooms, pets, anything that needs extra care. Two minutes online or on the phone.

  2. Get a fixed price

    A flat price for the visit, sent the same day. It does not change when we arrive.

  3. We clean

    The same team each visit, with their own supplies and a checklist for your home.

  4. You check it

    Walk through when we finish. If something was missed, we come back within a day at no charge.

06

Talking points and stats

  • Bonded and insured

    Every cleaner is our employee, background-checked and covered on every job.

  • The same team each time

    You get the people who already know your home, on the day you chose.

  • Safe around kids and pets

    Low-odour products by default, and fragrance-free on request.

  • 9Years cleaning
  • 2,400+Homes and offices
  • 4.9Average rating
  • 24hRe-clean promise
07

Contact details and FAQ

Do I need to be home?

No. Most clients give us a key or a door code. We text when we arrive and when we lock up.

Do you bring supplies?

Yes, everything, including the vacuum. If you prefer your own products, leave them out and we use those.

What if I am not happy with a visit?

Tell us within a day and we come back and put it right, free. That has been the rule since the first job.

08

Media

Images are always in a figure. Cards fix the ratio (4:3), heroes use 3:2, square tiles are square. Corners come from the ACSS auto radius, so the client cannot upload a square-cornered photo by mistake.

A bright, tidy living room
A living room after a standard visit.

Book a cleaning

Ready to come home to done?

Tell us about the place. You get a fixed price today and the first two dates we have.