Spring Creek Cleaning

Style Guide

A working reference for the brand elements already used across the website. Switch locations above to inspect the established Sidney theme.

Current themeSidney

Color

Sidney brand palette

Semantic colors shift with the selected location while preserving the same roles and contrast hierarchy.

Background#F7F5EF--background

Ink#12252C--foreground

Paper#FFFDF8--card

Spring blue#55B2E2--primary

Deep blue#0B6284--secondary

Gold#E2B84B--accent

Muted#EAE7DC--muted

Divider#DCD9CE--border

Typography

A warm editorial hierarchy

DM Serif Display carries display moments. DM Sans keeps navigation, labels, and longer copy direct and readable.

Display / H1

Your space, back at its best.

DM Serif Display · 64–80px · Regular

Section / H2

One local team for the whole property.

DM Serif Display · 44–68px · Regular

Card / H3

Restoration & rehab

DM Serif Display · 24–34px

Eyebrow label

Professional cleaning and restoration delivered by a local team that stays close to every result.

Body copy uses a comfortable line length and generous leading. It should feel plainspoken, dependable, and easy to scan.

Small text supports details, captions, and secondary information.

Actions & links

Clear, direct next steps

Buttons use strong contrast and compact type. Text links pair an underline or arrow with the same direct language used throughout the site.

PrimaryRequest an estimate

SecondaryExplore services

Text linkView foundations

Forms

Practical, quiet controls

Labels remain visible, fields use the site border and background tokens, and the existing focus ring makes keyboard position clear.

Components

Recurring content patterns

Cards stay structured and useful: a clear category, a concise title, supporting copy, and one obvious action.

Service card

Water restoration

Fast mitigation, extraction, drying, and clear communication from start to finish.

IICRC-certified team
Direct, local support

Explore the service

Tile & grout cleaning

Deep cleaning for dirt, soap scum, and grime.

Trust treatmentFamily owned · 15+ years

Icons clarify meaning; they never replace a necessary label.

Foundations

Shape, depth, and rhythm

The system favors restrained corners, fine dividers, soft elevation, and spacious page sections inside a consistent content width.

Border radius

3px detail · 7px card · 16px feature · pill action

Borders & shadows

Fine divider · quiet card · elevated form

Spacing rhythm

Tight8px

Control16px

Card24px

Content48px

Section84–116px

Layout

1180px content width · 24–64px gutters · responsive one-to-three column grids

Icon treatment

Lucide outline icons · typically 14–20px · 1.5–2px stroke