GROVE & GLOSSInterior auto detailing
Sign in to editBack to the site

GROVE & GLOSS / BRAND SYSTEM

Change a master colour here and it changes everywhere it is used: every page, the booking flow, the admin and every email.

The mark
GROVE & GLOSS
Interior auto detailing
On Deep
On Black
64 · 40 · 28 · 20 px. Never below 20.

The spruce is Spruce Grove. The car line is the work. Gold sits between them because gold is where the money is. Keep clear space around the mark equal to the height of the gold bar, and never put it on a light ground. Download the full mark

Icons
SeatFull interior
PawPet hair
OdourOdour treatment
LockCard saved, not charged
DropStains and spills
SparkleThe finish
FrostWinter salt
HeartCare, and The Circle

Two pixel stroke on a 24 grid, round caps, teal only. Each icon names a part of the job, so it never appears as decoration.

Buttons
Book nowPrimary. One per screen. Black fill, gold ring, gold glow.
Book nowSecondary. Gold ring, no fill, no glow.
Open jobUtility. Admin and anything that is not a booking.
Book nowSmall. Navigation and the phone bar.
Brand colours
BLACK#090B10Button fills, the footer, the deepest wells.
DEEP#0D1018The ground every page stands on.
TEAL#00E4D2Signal. Active states, icons, confirmation.
PURPLE#A82BFFGradient partner to teal. Never used alone.
GOLD#FFCA49Prices and the one primary action. Nothing else.
WHITE#FAFAFEHeadlines and body text.
MUTED#A7B0C0Supporting text, labels, hairlines.
Contrast checks, live
  • AaHeadlines on the ground……
  • AaSupporting text……
  • AaLinks and signals……
  • AaPrices, the button ring……
  • AaButton labels……
  • AaSticker band, selected states……

Seven colours are stored. Everything else, every surface, hairline and glow, is mixed from them, so a change here carries through without touching anything else. Purple only ever appears inside the teal sweep. Gold is for prices and the one primary action.

Typography
Aa
Montserrat

400 · 500 · 600 · 700 · 800

Everything a person reads. Tight at display sizes, open and calm in body copy.

Display · 800One vehicle a day.
Heading · 800Know the number first.
Subhead · 700Hot water extraction
Body · 400Carpets and cloth seats get flushed and pulled back out. A spill comes out instead of going deeper.
Label · 700Brand colours
Aa
DM Mono

400 · 500

The machine voice. Footer headers, booking references, times, hex codes. Never a sentence.

Footer headerService
ReferenceGG-7F3K
Time08:30
Hex#00E4D2
Components
Crossover or small SUVRAV4, CR-V, X3149
Rides daily, and shedsHair woven through the carpet+ 55
Normal weekly useIncluded
Nothing has been charged. The card is saved and charged after the work is done.
Email

Every email renders from the same seven colours at send time. This is a real one, with sample data, and it follows your edits above.

Voice
  1. 01No em dashes or en dashes.Use a period, a comma or a colon, or rebuild the sentence.
  2. 02No currency symbol in front of a price.Write 249. The bare number reads as an investment.
  3. 03Never the word template.Also avoid deal, cheap and guys.
  4. 04No comma before and.Break the sentence instead.
  5. 05Specifics over adjectives.Hair woven into the carpet backing beats deep clean every time.
  6. 06No exclamation marks.Confidence does not need them.
  7. 07Short sentences.Two ideas is two sentences.
Pet hair

Send a photo of the back seat and we will confirm your pet hair tier before you book.

Extra charges may apply for excessive pet hair.

Winter post

Salt does not wait for spring. Neither do we. Heated studio, open all winter.

Beat the winter blues with our amazing deals!

Something went wrong

The extractor failed this morning and I cannot finish your Highlander today. I can do tomorrow at 8:30, or refund you now. Your call.

We apologise for any inconvenience caused.