Brand guidelines.

The visual standards behind Summit, on the website, on a proposal, on a service report, on a truck. Engineered first, decorated never.

01 / Palette

Six colors. Cyan and navy carry the brand.

Cyan and navy are the structural pair, blueprint blue. Pale and ice soften long-form pages and mimic technical-paper backgrounds. White is for diagrams. Ink is the body color.

Cyan

#0EA5E9

Accent, links on dark, blueprint highlights

Cyan deep

#0369A1

Primary action button, link color on light

Navy

#0C4A6E

Headings, dark surfaces

Navy deep

#082F49

Footer, banner, CTA section background

Pale

#E0F2FE

Spec callouts, code background

Ice

#F0F9FF

Section bands, table stripes

02 / Typography

Space Grotesk for the voice. Inter for the read. Mono for the spec.

Space Grotesk gives the technical, slightly engineered tone. Inter is the workhorse body. JetBrains Mono is reserved for license numbers, BTU/SEER specs, model codes, anything that should look like it came off a calculator.

An engineer-led mechanical contractor.

Space Grotesk 700 · clamp(2.5rem, 5vw, 4.25rem) · line-height 1.05 · tracking -0.02em

A section heading reads like a chapter

Space Grotesk 600 · clamp(1.7rem, 3vw, 2.4rem)

Lead paragraph. Slightly larger than body, slightly tighter line-height. Sets the technical frame for the section.

Inter 400 · 1.15rem · line-height 1.6

Default body. Reads cleanly at any zoom level. We don't pad with adjectives; the data does the work.

Inter 400 · 1rem · line-height 1.65 · max-width 60ch

Carrier 24ANB6 · 3.0 ton · 18 SEER2 · 96k BTU furnace pair

JetBrains Mono 400 · 0.92rem · reserved for spec strings, model numbers, license IDs

03 / Components

A small set of building blocks.

Buttons

Request an estimate View pricing

Cyan-deep fill for primary action. Navy outline for secondary. Two buttons per section maximum; the proposal is the close, not the website.

Section eyebrow

02 / Why we started

Numbered with a slash, never a dash. Reads like a chapter index in a technical document. Tracking 0.08em, mono accent on dark sections.

Spec panel

Sized: 2.5 ton
SEER2: 17.6
Manual J load: 28,400 BTU/h
Refrigerant: R-454B

For any technical sub-data: load calcs, model details, performance specs. Pale background, mono type, key/value pairs. Never inside body prose.

04 / Voice

Read like a load calc, not a brochure.

Summit's customer is the homeowner who'd read a 14-page proposal cover to cover. Speak to that reader.

Show the math. Manual J load calcs, SEER2 numbers, refrigerant types. Trust is built by being specific.
Name what we don't do. "We don't sell home-warranty add-ons" is more powerful than another bullet about what we do.
Engineering vocabulary, no apology. Static pressure, latent capacity, line-set length. Translate inline if needed; don't simplify the work.
No urgency. No "schedule today before summer hits" pressure copy. The system lasts 15 years; the decision can take a week.
Refunds for oversize. If we sized wrong, we say so in writing. The voice should match.

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