ESR Bespoke

Item: ESR Bespoke
Rating: 7.2

Porsche-certified collision repair for prestige vehicles.

esrbespoke.au Save page

7.2/10MABTU rating

DESKTOP · 1440 × 6,870/ ↗

MOBILE · 390

Section outline · Home

01header85
02hero900
03heroExceptional is our standard900
04contentESR is recognised as an official Porsche Certified Collision Centre, one of only a select few in Australia. This rare en648
05content900
06media text1,721
07contentAt ESR, we offer a complete end-to-end service experience for owners of luxury and high-performance vehicles. From minor1,681
08footer900

Rating · Home

Visual design7.8

UX & clarity7.2

Originality7.4

Craft & consistency7.5

Motion7.0

Performance & a11y5.0

This page scores 7.2; the site score weights the home page double.

Main colours

Mixed sections·white background·mono

Typography

Bodyheading · font · self-hosted Headingbody · font · self-hosted

Stack & style

Next.js Lenis Sanity Tailwind CSS React

Minimal Luxury Monochrome Video-led Custom cursor Hamburger-only nav Hero video Pinned sections Smooth scroll Sticky header Text reveal Transparent header

Also: Vercel

Design DNA

A muted teal-grey video of a covered sports car fills the hero with tiny caps labels pinned to all four corners and a two-line headline at lower left. The page is white with a tightly leaded medium grotesk set in a narrow left column, so paragraphs read as slabs. The marque list is the centrepiece: eleven brand names stacked in large grey type with only the active one in black, a small product photo parked to the right. A black band reverses the same column treatment, and services are a numbered list with hairline rules between rows.

Worth borrowing

Stack brand names in large grey type and blacken only the hovered one as a self-animating list.
Pin tiny caps labels to all four corners of a video hero instead of a centred overlay.
Set body copy tightly leaded in a narrow column so paragraphs read as typographic blocks.