Always Good Work.

A roofing system extracted from bakerroofing.com — charcoal panels on a near-white ground, laid in a 3px mortar-line grid, under enormous condensed uppercase Oswald headings. One rationed red-orange for CTAs. Twenty-nine patterns, every one transcribed from a live section and from the theme's own block stylesheets.

bakerroofing.comSource
Commercial roofingType
#3b3835 / #fd3a20Primary
2026-07-23Captured

Four doors

What makes it recognisable

Charcoal on paper

Every panel is #3b3835 on a #f5f5f5 page, tiled in a grid with a 3px gap so the paper reads as mortar lines between blocks.

The type is the design

Condensed uppercase Oswald at sub-1.0 line-heights — titles down to 0.776. Set huge, tracked tight, ink only.

The cut corner

Feature images carry a clipped top-right corner — 108×69px desktop, from --gallery-cut-size in the theme, not a decoration we invented.

Rationed red

One red-orange #fd3a20 for overlines, CTAs and arrows. It never fills a headline word — with one transcribed exception, the location city name.

Files

_shared.css

Tokens and every component class. The only stylesheet any page links.

brand-spec.md

Extraction rule, CSS-sweep provenance, tokens, voice anchors, full crawl-scope log.

palettes.json

Baker Red (canonical) plus Deck Teal, Sand Ridge, and Slate Signal — accents luminance-matched.

assets/baker-roofing-brand/

Vector mark, light footer lockup, and 14 real photographs.