A franchise trades system: square edges, a 4px stamped border, wide industrial display type, and one hard diagonal carrying red and cyan across the hero. Airy body copy against dense uppercase headlines is the whole type argument.
Tokens, the type ramp, buttons, and the four signature devices rendered live.
All 29 patterns, each transcribed from a live section and cited back to its source URL.
Composed demos: a territory homepage plus three landings following the source page grammar.
The flagship demo, mirroring the source territory homepage's real section order.
A steep slash splits the hero: pale copy panel on the left, photograph on the right, parallel red and cyan stripes on the divide. The source ships this flattened into a single JPEG. Here it is four clip-path layers, which is the only way the brand's own accent becomes real colour on the page.
Images clip at 76 percent on the frame and 66 percent on the photo inside it, so the bottom-right bevel steps rather than chamfering once. A single cut is a different shape and the easy thing to get wrong.
Elevation is a drop-shadow filter, not a box-shadow, so it traces the clipped silhouette instead of drawing a rectangle behind an angled picture.
Every corner in the system resolves flat. What keeps square buttons from reading as unstyled is the unusually heavy border weight, which gives them a stamped, industrial presence.
Display sets at 1.02 and body at 1.75. The contrast between dense uppercase headlines and unusually open body copy is the type system, and it survives the font substitution intact.
The source is one territory of a national franchise, so the vocabulary separates cleanly into national skeleton and territory content slots: a location chip in the header, a NAP card above the fold, an owner block, and a territory name threaded through every banner.