Demo pages

Seven pages, one system.

A homepage, three landing pages, and the design-system reference set — each composed only from _shared.css tokens and the catalog patterns. Click any card to open the page in a new tab.

Sunrise warmth.
Slate competence.
A full kit-of-parts extracted from horizonfix.com — real CSS tokens and real photography.

Overview

System overview, file index, and quick characterizations.

Design System

Token + component reference. Every color, font, button, and card.

Sections

Pattern catalog — every reusable block in Horizon Fix's voice.
Always on call Nine trades, one phone number.

Homepage

The flagship demo. Photo hero, services grid, why-us, process, testimonials, CTA.

Services landing

All nine service lines, alternating photo/copy rows. Long-scroll editorial.
24/7 dispatch
When it can't
wait until morning.

24/7 Emergency

Dispatch process, what counts as emergency, guarantee, FAQ, tier pricing.

Contact & Quote

Form, contact card, coverage zones, FAQ, map placeholder.