Block Renovation

www.blockrenovation.com/

a US renovation marketplace that sells trust through warmth, big bold Fakt sans headlines over real renovated-room photography, a calm black-on-bone palette with one warm orange call to action, on a Next.js + Contentful stack with restrained spring-eased motion.

Trades Renovation flagship

Design tokens

ink

ink-soft

grey

grey-light

grey-faint

bone

bone-warm

taupe

taupe-light

sand

brown

orange

display: FaktBlock (heavy) / Fakt (grotesque)
body: Fakt
serif: Optima (with Polar / FT Polar semi-mono accent)
mono: Polar (semi-mono)

Do / Don't

Reference it for

A warm-neutral system (bone #EFEBE9, taupe #CDC3B9, black ink) with one warm orange CTA (#FF7C55) carrying every primary action.
Big, bold grotesque headlines (Fakt / FaktBlock) stating trust plainly, paired with an Optima-style serif accent.
Real renovated-room photography and real homeowners as the proof, not renders.
A Next.js + Contentful pattern: content-driven sections, strong on-page conversion (estimate / "Get Started").
Restrained, modern spring linear() easing for reveals instead of a heavy motion library.

Do not copy

The "BLOCK" wordmark, the orange and the specific photography are Block's identity; borrow the palette logic and the trust framing, not the assets.
Fakt, FaktBlock, Optima and Polar are licensed; map to a neutral grotesque + a heavy display grotesque + a humanist serif + a mono accent.
The site carries a very heavy third-party tracking load (40+ ad/analytics domains); do not inherit that. Keep the design pattern, drop the trackers.

Signature moves

warm-neutral trust system with one orange CTA

a bone/taupe/black-ink palette carries the page while a single warm orange owns every primary action, so the CTA always reads against calm neutrals.

bold grotesque headline over real renovated-room photography

big heavy grotesque headlines (Fakt/FaktBlock, scale up to 100px) state trust plainly over real renovated-room photos and real homeowners, with an Optima-style serif accent for warmth.

spring linear() reveal easing without a motion library

reveals use modern CSS linear() spring curves (spring-soft and spring-bouncier multi-stop easings) at ~200ms instead of GSAP/Framer, giving a snappy settle on a Next.js stack.

Related references

Belle Property

strong

Real Estate

a premium Australian real estate agency that leads with a wide property-search hero over a warm interior photograph, a muted forest-green and bone palette, Lato paired with the quiche-sans display serif, and a calm editorial scroll through expertise, featured listings and suburb guides.

Re Bath

strong

Other

A national bathroom-remodelling franchise that takes the dread out of a renovation - "Beautiful Bathrooms Made Easy", a coast-to-coast trust band, a "Find Your Local Re-Bath" map, a clear named process, a celebrity designer collab and a free-consultation form, all in a calm maroon-and-serif system that makes a daunting project feel handled.

Antara Spa

strong

Beauty

a Malaysian day spa that sells calm with one oversized Fraunces wordmark on a sun-warmed photographic hero, an earthy sand-brown-sage palette, and slow GSAP-and-Lenis scroll, the whole page tuned to feel like exhaling.

Bright Horizons

strong

Childcare Education

a large early-education and childcare provider whose site leads with a warm deep-teal and sunshine-yellow palette over happy children's photography, the rounded Mulish sans throughout, a tabbed audience-routing hero, and a clear, trust-led grid of pathways for parents and employers.