A huge red wedge (triangle rotated −30°) fills 1–6 across three rows, pointing up-right; a red circle sits at the top of 9–11 (red, not black, so a long headline that rises into it stays legible as black overprinted on red). The headline at step 7, in capitals, rotated −12°, spans 3–12 so it cuts across the wedge's tip (wedge behind, type on top). Below it, square to the grid on 8–11: the eyebrow in spaced capitals, the subhead (max 36 ch) and a large primary button. Nothing sits under the rotated headline. At phone width the circle hides; the wedge shrinks but stays.

A high-contrast grayscale photo fills 5–12 across three rows. The headline in capitals at step 6 sits top-left on 1–7, overlapping the photo's left edge. A red bar slashes across 1–9 at −20° in the middle row, over the photo. A red block at the bottom of 1–5 holds the subhead and a secondary button in `onAccent`. A spaced-capital label climbs column 12 at −90° (hidden at phone width).

The whole hero is red (`bg: accent`, full bleed, every text `onAccent`). A small capital eyebrow on 1–5 and the slogan at step 8 across all 12 columns (inset by 32 px so the tilt never crosses the page gutter), both rotated −6°, then a parallel black bar under the slogan. The subhead and a large secondary button stay square on 6–11. Shorten the slogan to two lines rather than shrinking it.

The headline in capitals at step 7 stacks one word per line in a narrow banner column on 1–4, bottom-aligned, so it reads as a vertical poster strip. A duotone 4:5 portrait fills 5–8. On 9–12: a giant index numeral at step 8 in red (a year or "No. 1"), an 8 px black bar, then the lead and a large primary button at the bottom.

A full-bleed black slab (`bg: heading`): a boxed wordmark on 1–3 and slash-separated links in capitals across 5–12, both in the paper colour. The current link is red-underlined 4 px.

The wordmark on 1–4 and numbered links in capitals on 6–12 (01 WORK / 02 ABOUT…), bottom-aligned, sitting directly on an 8 px black rail.

The section title in capitals at step 5 stacks word over word on 1–3, top-aligned, like a poster slogan. Features fill 4–12 as a two-column board with zero gap, every cell drawn with a 4 px border so neighbours share one thick rule: a big red number (step 5), the title in capitals (h3), a short paragraph.

A spaced-capital label and an 8 px bar, then three to five theses separated by thick rules: a huge red numeral at step 7 in 1–3, the thesis in capitals at step 4 on 4–12 (max 28 ch), its paragraph on 6–12 under it.

An inverted full-bleed band (`bg: heading`, text `bg`): the title in capitals on 1–4; three or four figures on 6–12 as a two-column board — a giant numeral at step 5, a short red bar, a caption in small capitals.

Overlapping montage: a grayscale 4:5 photo on 1–5 (rows 1–2); a duotone 3:2 photo on 4–10 (rows 2–3) laid over its lower-right corner; a red circle at the top of 10–12; a black bar slashing −20° across 6–12; the caption in small capitals climbing column 12. No frames.

A red cone (triangle rotated 90°, pointing right) on 1–3 "shouts" the quote, which is set in capitals at step 4 on 4–12 (max 32 ch). Under it on one line: a small black square, the name in bold capitals, the role in muted small type.

A full-bleed red band (`bg: accent`): the call in capitals at step 6 on 1–9, rotated −6°, in `onAccent`; a black circle on 10–12; a large secondary button square to the grid on 1–4 below.

The title in capitals at step 5 on 1–8, an 8 px bar across the grid, then the questions as rows separated by thick rules: a red number in column 1, the question in capitals (h3) on 2–6, the answer on 7–12 on the same top line.

The title in capitals at step 5 across the grid, rotated −3°. Plans in one row of cells with 4 px borders and zero gap (shared rules): plan name in capitals, the price at step 6, a short red bar, inclusions, a primary button.

The title in capitals at step 5 stacks on 1–3. Grayscale 3:4 portraits three per row across 4–12; directly under each photo, the name in bold capitals on a red tape (`bg: accent`, `onAccent`), then the role in small capitals.

For about and article pages: the title in capitals at step 5 stacks on 1–3, top-aligned; an 8 px bar on 4–12 opens two text columns, 4–8 and 9–12 (max 48 ch).

Two blocks that touch: a red block on 1–5 (`bg: accent`) with the title in capitals and the address, email and hours in `onAccent`; a block with a 4 px border on 6–12 holding the form (name, email, message) with square, thick-ruled fields and a red submit button.

A header row — the title in capitals at step 5 on the left, a spaced-capital label on the right — over a 4 px rule. Posts in two columns, each under a thick rule; each post is a six-column sub-grid: a big red issue number in 1–2, and the date, the title in capitals and a short summary in 3–6.

A full-bleed red base (`bg: accent`, `onAccent` text) opened by an 8 px rail in `onAccent`, so it reads as a separate sheet under a red CTA band: the site name in capitals at step 7 across all 12 columns, rotated −4°; under it slash-separated links on 1–8 and the legal line in small capitals on 9–12.

An 8 px black rail, then four zones: a boxed wordmark on 1–3, numbered links stacked on 5–7, the address in small capitals on 8–10, the muted legal line on 11–12.