DESIGN LAB
Component Gallery
Vol. 02 — Heroes
Component Gallery

Hero Sections

Seven first-screen treatments for the same firm — Northcote & Co. Different layout, type, colour and energy in each. Point at the one that feels like you; we'll tailor the copy, palette and motion to your brand.

01 — Split

Classic conversion layout: persuasive copy left, a calm CSS scene right. Reads fast, scales everywhere.

SPLIT / EDITORIAL-SERIF
northcoteandco.com
Northcote & Co.

Considered work for homes that expect better.

A premium local firm for the projects you don't want to do twice. Fixed quotes, tidy crews, and a five-year guarantee in writing.

★ 4.9 from 200+ reviews 5-year guarantee Same-day callouts
02 — Centered

Big centered statement with dual CTAs and a trust strip — the safe, high-converting default.

CENTERED / SERIF-DISPLAY
northcoteandco.com
4.9 from 200+ reviews · Booking for next month

Better is a standard, not an upsell.

Northcote & Co. handles homes and businesses that want it done properly the first time — clear quotes, clean work, real accountability.

Fixed quotes, no surprises
Same-day callouts
5-year guarantee
03 — Full-bleed scene

Copy set over a rich CSS gradient landscape with grain and a gradient overlay for legibility. Atmospheric, premium.

FULL-BLEED / GROTESK
northcoteandco.com
NORTHCOTE & CO. — EST. LOCAL
Homes & Businesses

Work you'll still be proud of in ten years.

Considered craftsmanship for people who notice the details. Fixed quotes, a five-year guarantee, and a crew that treats your place like their own.

04 — Type-only

An oversized editorial statement does all the work. No imagery — just confident typography and restraint.

EDITORIAL / DISPLAY-SERIF
northcoteandco.com
Northcote & Co.Considered work, since day one

We do the better
version of better.

Homes and businesses that expect more than "good enough." Fixed quotes, same-day callouts, a five-year guarantee — and ★ 4.9 from 200+ reviews to back it.

Book a consultation →
05 — Media frame

Copy beside a CSS device mock — ideal when there's a portfolio, booking flow or dashboard to show off.

PRODUCT / DEVICE-MOCK
northcoteandco.com
Booking · Quotes · Portfolio

See the work, then book the slot — in one place.

Browse finished projects, get a fixed quote, and lock in a same-day callout without a single phone-tag voicemail.

Get a quote Free, no obligation · 60-second form
06 — Kinetic

A rotating word in the headline and a slow marquee of proof points add motion and life (reduced-motion safe).

KINETIC / MARQUEE + ROTATOR
northcoteandco.com
Northcote & Co.

Work that's done
properly, not twice. on time. guaranteed.

Premium local craft for homes and businesses that expect better — with the receipts to prove it.

5-year guaranteeSame-day calloutsFixed quotes★ 4.9 / 200+ reviewsTidy crews 5-year guaranteeSame-day calloutsFixed quotes★ 4.9 / 200+ reviewsTidy crews
07 — Stat-led

Asymmetric split where proof carries the right rail. Great when numbers are the strongest sell.

ASYMMETRIC / STAT-RAIL
northcoteandco.com
Northcote & Co.

The local firm people recommend by name.

Considered work for homes and businesses that expect better — booked, quoted and guaranteed without the runaround.

4.9From 200+ reviews
5 yrsWritten guarantee
Same-dayCallouts available