Live Demo · Pikes Peak Web Designs
← Samples Get a site like this →
Call (928) 315-9094 Home Services Service Area About Pricing Tips Book Service
Brand standards

Brand guidelines.

The visual and written standards that keep Clearwater looking, sounding, and feeling like Clearwater. On the website, on a truck door, on the invoice your daughter shows her landlord.

01 · Palette

Eight colors. Aqua and peach carry the warmth.

Aqua and navy are the structural pair. Peach is the warmth, used for accents and for the family-friendly secondary action. Cream pages keep the long-form readable.

Aqua
#06B6D4
Highlights, icon fills, soft sections
Aqua deep
#0891B2
Em phrases in headlines, accent fills
Navy
#0C4A6E
Body links, secondary buttons
Navy deep
#164E63
Primary button, CTA section, header CTA
Peach deep
#FB923C
Family-friendly secondary action, eyebrow dot
Peach
#FED7AA
Eyebrow pill background, soft surfaces
Cream
#FEF9F3
Page background, long-form reading
Ink
#0F2833
Headings, body text on cream
02 · Typography

DM Serif Display for the warmth. DM Sans for the read.

Serif headlines give the brand its retail, family-shop feel. Sans body keeps long-form readable. There's no third typeface.

Plumbing done kindly.
DM Serif Display 400 · clamp(2.75rem, 2rem + 3.5vw, 4.75rem) · line-height 1.05
A section heading sits warmly
DM Serif Display 400 · clamp(1.85rem, 3vw, 2.5rem)
Lead paragraph. Slightly larger than body. Friendly cadence; sentences trail with the rhythm of someone explaining a leak over the phone.
DM Sans 400 · 1.18rem · line-height 1.6
Default body. The everyday voice. Reads at any zoom level. We use plain language; no plumbing jargon without translation.
DM Sans 400 · 1rem · line-height 1.65 · max-width 60ch
Salt Lake City · family-run since 1997
DM Sans 600 · 0.78rem uppercase tracked · eyebrow pill
03 · Components

A small set of building blocks.

Buttons
Book Service (928) 315-9094 View pricing

Navy fill for the primary action. Peach fill for the phone-call CTA, signaling warmth and "talk to a human." Outline for the soft secondary. Pill-rounded corners (28px) reinforce the friendly retail feel.

Eyebrow pill
Open today · 7 am to 7 pm

Peach pill, navy text, peach-deep dot. Sits above headings and above availability messages. Always rounded; never square.

Promise card
One-year warranty.
Every install carries a written one-year warranty on parts and labor. If it leaks in year one, we come back at no charge.

Soft cards for promises, guarantees, and warranties. White surface, generous radius, soft shadow. Reinforces the trustworthy retail feel.

04 · Voice

Sound like the Kovacs at the kitchen table.

If a sentence wouldn't be spoken by Tess at the front desk while writing up the invoice, it doesn't belong on the website.

  • Friendly without being saccharine. "We'll show up when we said we would" beats "your trusted local plumbing partners."
  • First-name basis with the family. Sam, Mike, Tess. Every page mentions a person, not a corporate "we."
  • Flat-rate is the brand. Mention it on every service page. Trust is built by being specific about price.
  • Translate the trade. "Repipe" gets explained the first time. "PEX-A vs. PEX-B" gets a one-line note.
  • Phone-first. Plumbing is voice-first. The form is a courtesy; the call is the close. Number on every page.
05 · Pikes Peak Web Designs

Site by Pikes Peak Web Designs.

Designed, coded, hosted, and maintained by Pikes Peak Web Designs. $0 down, $175/month flat. Custom-coded, accessible, fast.

Visit Pikes Peak Web Designs