Beacon Home Services 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 kit is direction B: dark, immersive, proof-first.

01

Colour

One hot colour, signal orange, on buttons and highlights with dark text on it. Its dark shade is the orange for links and eyebrows on white. Everything else is charcoal and steel.

  • –primaryButtons, highlights, emergency band
  • –primary-hoverHover
  • –primary-darkLinks, eyebrows on white
  • –primary-ultra-lightTints
  • –base-ultra-darkText, hero, dark bands
  • –base-darkDark bands
  • –neutral-ultra-lightPage background
  • –neutral-lightLines, light bands
  • –neutral-semi-lightDisabled, placeholders
  • –whiteCards, inputs
Page

Heading on ultra-light

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

Book a visit
Light

Heading on light

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

Book a visit
Dark

Heading on dark

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

Book a visit
Ultra dark

Heading on ultra-dark

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

Book a visit
02

Type

Fixed today. Done right.

On the way within the hour.

What happens on the visit

Card title and small headings

Lead text sits under a headline and says the one thing the section is about.

Body text is Public Sans at 18px, line height 1.55. Headings are Archivo at weight 800 with tight tracking, built to be read on a phone in a hallway with the water off. Inline links look like this link to the services page.

Small text for captions, notes under buttons and licence lines.

Eyebrow label, the literal section heading
03

Buttons

Primary is orange with charcoal text, weight 700, radius 4. Outline in charcoal. Text link in dark orange. Every button is at least 48px tall.

04

Direction B pieces

The immersive hero band, the emergency band and the floating review card are the three things that make this kit look like itself.

Technician at a water heater
Colorado Springs, tonight

Fixed today. Done right.

Plumbing, heating, cooling and electrical. A technician on the way within the hour.

24 hoursReal people on the phone, every hour of every day.
60 minutesA technician on the way within the hour for emergencies.
Price before workYou see the number and say yes before anyone starts.

The tech was here in 40 minutes at 11pm.

Renee K., Briargate. Google review.

05

Cards

Service cards, hard shadow

  • Technician under a kitchen sink

    Emergency plumbing

    Burst pipes, backed-up drains, no hot water. On the way within the hour, day or night.

    See the service
  • A new water heater

    Water heaters

    Repair today or a new tank or tankless unit installed tomorrow, with the old one hauled away.

    See the service
  • A furnace being serviced

    Furnace repair and install

    Same-day repair on any brand, and high-efficiency furnaces sized for your house, not the catalogue.

    See the service

Review cards

  • The tech was here in 40 minutes at 11pm.

    A pipe let go behind the washer on a Sunday night. Beacon answered on the second ring, the truck was here in 40 minutes, and the price was exactly what the dispatcher quoted.

    Renee K., Briargate, Google review
  • They fixed what two other companies could not.

    Our furnace kept short-cycling. The first two companies swapped parts. Beacon's tech spent twenty minutes measuring and found the return was undersized. Fixed for good.

    David and Lin P., Monument, Google review

Talking points

  • On time or the diagnostic is free

    You get a two-hour window and a text when the tech is on the way. Late means free.

  • Upfront pricing, in writing

    The price is on the tablet before the work starts. It does not change unless you change the job.

  • Two-year workmanship guarantee

    If our work fails in two years, we come back and make it right at no charge.

  • Stocked vans

    Eighteen vans carry the parts for 90 percent of repairs, so most jobs finish on the first visit.

06

Stats on dark

  • 17Years serving the Front Range
  • 41,000+Jobs completed
  • 4.9Average rating
  • 18Vans on the road
07

Details and FAQ

Do you charge extra at night and on weekends?

No. The diagnostic fee is the same at 2pm and 2am. Emergency parts sometimes cost more; you see that on the quote before we start.

Do you offer financing?

Yes, on installs over $1,000, from 0 percent for 18 months. The tech can apply on the tablet in about five minutes.

Are your technicians employees?

All 31 technicians are employees, background-checked and licensed in Colorado. We do not send subcontractors.

08

Media

Images sit in figures with fixed ratios. Corners are 8px on media, 4px on controls, sharper than a softer kit on purpose.

Technician at work
A Beacon van outside a home in Briargate.

Book a visit

Something not working? Get it fixed today.

Tell dispatch what is going on. Emergencies get a licensed technician within the hour, and the price is agreed before the work starts.