utility-bar

Two stacked rails above the nav. A black brand switcher carrying the sister-brand link, then a white utility row with the location control and the national phone set in blue Lexend Deca.

main-nav

Logo left, seven capitalised links right, the last two set in the brand blue. Every link underlines lime on hover, and the flooring and storage items open a subgroup panel on the soft grey ground.

slider-hero

Full-bleed photo slides carrying centred white Oswald at 50px over a solid black ground. The source's own text-shadow is kept; the black base under the photo is what makes the type survive a light frame and a slow connection.

inner-hero

The one-slide version that opens every interior page. Shorter than the rotating hero, same white uppercase Oswald, with an optional teaser line under the headline.

flat-banner

The photo-free page header, used on the blog and on utility pages. It is the one place the source sets a headline in the body face rather than the display face, at 50px over 53px leading.

breadcrumb

A slash-separated trail that sits directly under the hero on every interior page and carries the deep blue for its links.

consult-form

The site's primary conversion card, a four-step form on a flat blue panel with fields filled in the lighter blue. It appears on almost every page, directly under the hero.

interest-survey

The qualifying step of the same form: three product checkboxes, a comments field and a decline link, all on the blue panel.

review-carousel

Five bordered review cards on a swipe rail, each with a blue five-star row, a short title and the reviewer's first name and region. Scroll-snap, so it degrades to a swipe on a phone.

service-grid

The system's flagship block, and the only place its geometric device appears: every card image is clipped to a rightward-leaning parallelogram. The heading above carries the 4px blue underline.

featured-reviews

The one dark band in the system. Longer reviews with a city attribution in lime, under a white-underlined heading, on the warm near-black that is the most-rendered colour on the site.

inspiration-board

A two-row mosaic of photo tiles. The blue is not a label bar: it is a full-tile flood that is absent at rest and arrives on hover above 64em, centring an icon over a light Lexend Deca title. The second row is unequal in both axes, 35 to 65 wide and 250 over 136 tall on a phone.

franchise-module

A two-up recruitment panel on the flat brand blue, photo one side and white Oswald the other, carrying the house shadow. The blue is a flat fill: there is no gradient anywhere in this system.

offer-callout

The closing CTA on nearly every page: a cover photo under a flat blue flood at 90 percent, over a deeper blue base. Photo plus flood, never a gradient scrim, which is how the source builds it and what keeps the white type resolvable.

alternating-rows

The interior page workhorse: image and copy in a half-and-half split that flips side on every row, each row closing on a lime-bordered pill.

rich-text

The plain editorial block the CMS drops long copy into: one heading, body paragraphs at 16px over 1.5, and an optional bulleted list.

product-gallery

A single large stage with a thumbnail rail beneath it, on the soft grey band. The current thumbnail takes a blue border. The rail scroll-snaps rather than stacking on a phone.

faq-accordion

Rule-separated question rows in uppercase Oswald with a blue plus glyph. The same component runs the careers listings on franchise pages.

four-col-cards

A benefit grid of short bordered cards, each a 24px title over one sentence. The source runs eight of them in two rows on the commercial flooring page.

column-listing

The product-category block. A centred title and lede over a three-up grid of linked cards, each a tall photo with its name on the soft grey ground beneath it and a teaser below that. The name rests at 70% and lifts to full on hover.

two-col-callout

Two block roots on two different pages, each cited to the page that carries it. `two-col` is the key-benefits split: centred title and lede over two list columns divided by a 4px rule. `twocol-content` is the financing callout pair, divided by the same rule and stacked under a heavier one below 64em. Neither carries a panel fill.

zip-locator

The one-field franchise finder that routes a visitor from the national site to a local designer. A single square field beside a pill submit, stacking on a phone so the field never falls under 150px.

content-slider

A horizontal rail of bordered content slides with a dot rail beneath. The source runs it for the contact routes and again for the process steps on the how-to-start page.

who-we-are

The franchise introduction. A photo half, an owner quote set in italic Lexend Deca, and a 10rem double-quote glyph parked above it at minus 15px tracking, which is the system's fourth signature.

local-info

The franchise contact block that closes every local page: owner, hours, showroom and areas served, on the one warm off-white ground the site uses.

featured-content

The blog rail on a franchise page. Bordered cards on a scroll-snap track under a centred uppercase heading, sized so three fit at desktop and one swipes on a phone.

meet-team

A disc-portrait card grid on the soft grey band. The Atlanta franchise lists one member, so the extra cards are left as declared slots rather than filled with invented people.

reviews-list

The full reviews page: a heading pair, a card grid each carrying a faint quote glyph, a solid blue load-more pill, and the submission block underneath.

project-gallery

A featured video over a filtered tile grid. The source embeds video here and the filter chips are populated client side, so both are shipped as declared slots with the page's own verbatim copy around them.

blog-listing

The blog pair. A featured post split, a category select, and a card grid whose category label carries a lime underline. The article view below it runs body copy against a sidebar that holds the consultation form.

swatch-gallery

The finish picker on the flooring product pages. Every swatch is a PHOTOGRAPH of the coating, held as the background of a bordered button with the name in light Lexend Deca beneath it, beside a sticky preview column. The source declares no colour value for any finish name.

tab-module

The cabinet configurator's tab strip. Transparent uppercase Lexend Deca tabs of equal width sharing one hairline rule, the current one in electric blue with a deep-blue caret dropped onto that rule; the panel below carries no border. Under 40em the row becomes a stacked accordion of full-width grey bars with an arrow at the right.

site-footer

The full footer stack. A blue subscribe row beside the social row with lime icons, then four navigation columns, the utility row and the legal line. Gate A's census listed these roots as cataloged but no inventory row carried them, so this pattern is a logged correction to that inventory.