Sections

brand-switcher

A 70px slate rail above the header that hands the visitor between this brand and its garage sibling. It is the only place the darkest tone in the system paints.

site-header

Stacked charcoal lockup with six uppercase nav items at 600 weight and .8px tracking, the local-designer control and the phone pinned right.

mega-subnav

The dropdown that opens under three of the six nav items, grouping the room and detail pages into labelled columns with a parent link back to the section.

utility-pill

The blush block that carries the franchise recruitment link above every page, with the location controls beside it. It is the only place the warm band colour behaves as a control.

slider-hero

Four photographs under one centred 50px display line each, at 700 weight, with the source's arrows and circular white dots overlaid on the photograph. The container carries a solid slate base under the photo, which the source does not: see the deviation note in brand-spec.

inner-hero

The shorter inner-page variant of the hero: one photograph, one headline, no controls. It opens every section landing.

page-banner

The lightest page opener in the system: a warm band with a single headline and no photograph, used where the content below is the subject.

breadcrumb

A hairline trail under the page opener on every inner page, ending in the current page as plain text.

consultation-card

The system's one true signature shape. An 80 by 50 slate triangle welded to the top edge of a white card with a 1px ink rule, pulled 40px up over the hero it interrupts.

zip-locator

The single-field control that routes a national visitor to a local designer. On the source its submit is an icon-only square, which is the one place the shared theme's mauve survives.

review-strip

A four-up rail of customer quotes directly under the consultation card, each with a five-star mark, a headline pulled from the quote and the reviewer's town.

circle-intro-grid

The only curve in the system. Four photographs cropped to full circles above the site's central promise, each opening one of the four content territories.

inspiration-mosaic

Photographic tiles carrying a 200-weight overlay line, the lightest type in the system, over a 700-weight uppercase sub-label. The source reveals the wash on hover; here it is painted at rest.

before-after

The project proof block: one room photographed twice, with the control that opens the rest of the project. The source ships it as a drag comparison; here it is a pair that collapses to a stack.

rich-text-lede

A centred paragraph block with no heading, used between two visual sections to carry the site's second voice anchor at reading width.

blog-card-rail

A swipe rail of article cards closing the homepage. The arrow control is rebuilt in flow: the source parks it outside the card at rest, which is a defect the moment a label wraps.

split-feature

A half-and-half module pairing a circular portrait with a short pitch and the system's dark secondary button. It closes the homepage with the franchise recruitment ask.

newsletter-band

The blush row that opens the footer on every page, carrying the subscribe field and the follow row. It is the largest surface the warm band colour paints.

site-footer

Four link columns on the bone ground, a legal utility row and the franchise fine print. It is where the national phone number survives on a phone, since the header actions row hides at burger width.

alternating-module

The workhorse of every inner page: a full-bleed photograph against a text half that flips side on each repetition, with one control per module.

enhanced-alternating

The deeper variant of the alternating module: the photograph is offset out of the band and carries a shadow, and the copy runs long enough to need a heading of its own.

room-index-grid

Photo tiles into every room landing, each with a description and an arrow control. This is the grid a service hub is built out of.

product-gallery

A stage image with a thumbnail strip beside a short piece of product copy, used on every room landing to show the same space in several configurations.

project-gallery

The local gallery: square project tiles behind a row of category chips, with a load control. On the source the tiles are populated per franchise.

spec-accordion

Long product detail folded behind headings, first item open. It is how every room landing carries its specification copy without burying the page.

tab-module

Three tabs across the finish library, each opening a swatch gallery below. The active tab is marked by a 3px accent rule, the only underline in the system.

swatch-gallery

Twenty-seven named finishes as a labelled tile grid. The finish names are the source's; the tiles are empty because the swatch photography is hosted on a sibling brand's domain.

four-col-detail

Four white detail cards sitting on a photograph washed almost back to the bone ground. The wash declares a solid base underneath so the cards never resolve onto bare image.

two-col-body

Long-form body copy with a bordered aside, used where a page has to argue rather than show. The aside is the only white card on the bone ground at this width.

featured-reviews

The one dark band in the page rhythm: white review cards on the slate tone, closing with the control into the full review index.

reviews-list

The full review index: a card grid, a load control, and the bordered invitation to leave one. The source populates the cards after third-party script runs.

offer-callout

A photograph under an 88 per cent slate wash carrying the closing ask on inner pages. The wash colour is declared as a solid base so the copy never resolves onto bare image.

local-intro

The block that makes a franchise page local: an owner's line pulled out against an accent rule, the ownership story beside a photograph, and one control into the team page.

local-info-bar

Hours, address, contact and the served-cities list above the national footer. The territory strip below it is what makes each of six hundred franchise pages distinct.

blog-listing

The archive grid, its category control and the load-more button. The source ships the grid empty and fills it from an endpoint after load.

featured-blog

Two oversized article cards above the archive grid, with the headline set at sub-h2 rather than card size. It is the only place the blog carries a hierarchy.

blog-detail

Centred article header with byline and date, body copy at reading width, a category sidebar and the share rail at the foot.

related-posts

Two article cards closing every post, each carrying its own publish date and byline above the teaser.

meet-team

A name, a small uppercase role line and a bio, in a circular-portrait slot that reuses the only curve in the system. The local about page's opening block. No portrait is shown against a named person: the source's own employee photograph was not mirrored, and no substitute face is invented for it.

accolades

Third-party recognition as plain text cards. The source sets each one behind an award mark; those are not mirrored here, so the claims stand on the transcribed copy alone.