Phase 1 checkpoint — foundation, revised for patch v3 brand system
Shell & type scale
This page is a temporary style-guide, not the real homepage — the 13-block homepage template ships in Phase 3. It exists to prove the header, footer, mobile CTA bar, type scale, brand palette and framing device together before any real content is written.
Type scale
Archivo (geometric sans, matches the logo wordmark) for display/H1–H4. Inter for body — never letterspaced, per patch v3 Part B.
display-3xl / 4.5rem
Stair renovation, done right.
display-2xl / 3.75rem
Stair renovation, done right.
display-xl / 3rem
Stair renovation, done right.
display-lg / 2.25rem
Carpet to hardwood stairs
display-md / 1.75rem
What's included
display-sm / 1.375rem
Durham Stairs
body-lg / 1.125rem
A direct-answer paragraph reads at this size, immediately under the H1.
body / 1rem
Standard paragraph copy sits at this size across the site.
body-sm / 0.875rem
Captions, footnotes, and footer links.
eyebrow / 0.8125rem
Section Label
Brand palette
Exact hexes sampled from the logo file (patch v3 Part B) — not approximated from a nearby named colour.
terracotta
#A05A47
terracotta-dark
#7E4436
charcoal
#231F20
bone
#F7F4F1
stone
#E4DDD7
ink
#14110F
Framing device
The logo mark is an isometric three-step form inside a thin square rule. That framing device, reused here as a thin terracotta border — for project imagery, cards and section breaks — once real project photography exists (Phase 3+, hard gate per build-spec.md §0). No fabricated photo below; the panel demonstrates the frame only.
Project photo goes here — none supplied yet
Buttons
Still pending
- Business name lock — "Durham Stairs" vs "Durham Stairs & Railings", per patch-v3 Part A. Currently rendering "Durham Stairs" (the pre-existing Phase 1 value) — NOT confirmed against the historical HomeStars/GBP listings yet.
- Real business phone number (header, mobile CTA bar, footer)
- Real address — city confirmed as Pickering-or-Ajax only, region/postal pending
- Hero/project photography (Phase 3+, hard gate per build-spec.md §0)
- Logo SVG (mark-only version, for favicon + small-size header per patch-v3 Part B)