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.

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

Review cards

Talking points

06

Stats on dark

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.