The headline block owns columns 1–8 and is bottom-aligned with the meta column at 10–12; column 9 is the gutter that makes the asymmetry visible. A 4 px rule spans 1–12 at the top of the hero. Headline at scale step 6, weight 700, tight tracking, max ~14 characters per line. The meta column opens with a hairline, then the subhead (body size), the primary CTA (accent fill, square, arrow) and a small muted meta line (location, date or availability). At phone width: eyebrow, headline, then the meta column.

A giant numeral (step 8, accent colour) sits in columns 1–3 at the top of the hero, like a poster issue number. Everything else hangs from the column-4 line: h1 at step 5, a lead paragraph, a hairline, then exactly three facts in equal sub-columns (bold label + small muted text), then an underlined text CTA. The numeral is the hero's only accent.

A narrow headline column (1–4, max ~12 characters per line, so the type stacks) beside a grayscale 3:2 photograph filling 5–12 with a small caption. Under the photo: the lead paragraph on 5–8 and the primary CTA plus a muted meta line on 10–12. The photo's left edge and the subhead share the column-5 line.

A short accent bar marks the top of column 1; the headline block sits at the bottom of the hero. The headline runs the full grid at step 7, weight 700, two lines at most — shorten the copy rather than shrink the type. A hairline, then a three-part base line: subhead 1–5, a text-link CTA 7–9, muted meta 10–12. The bar is the only accent.

Wordmark (no symbol) in 1–3; page links start exactly on the column-7 line, plain, in body size, with the current page underlined. A 1 px hairline closes the bar. No buttons, no hamburger on desktop; at phone width the links scroll horizontally on one line.

Four zones on one baseline: wordmark 1–2, a one-line muted descriptor 4–6 (hidden at phone width), numbered links (01 Work, 02 About…) 7–10 and an underlined text CTA in 11–12.

The SPEC's index list. Section label in 1–2 and h2 title in 4–10. Each item is one row: the number in 1–2 (step 3, weight 700, heading face), the title (h3) and one paragraph (max 60 ch) in 4–10, and an optional small muted meta in 11–12. Items are separated by hairlines. Never put the numbers in circles or badges.

Label and h2 (max ~14 ch) in 1–3; four to six features flow two per row across 4–12. Each feature opens with a top hairline, then a small muted number, an h4 title and a short paragraph. Two columns, never three; no icons.

One large statement (step 4, weight 500, tight leading) from column 3 to 11, a muted label hanging in 1–2, and a supporting paragraph lower on 7–11 followed by an underlined CTA. The offset between the statement's left edge (col 3) and the paragraph's (col 7) is the point of the section.

Label and a short h3 in 1–3; two to four figures in a 2×2 block across 4–12. Each figure: a 2 px rule, the number at step 6 (weight 700, tabular, tight), and a small muted caption. No units in a second colour, no icons.

Section label 1–3, h2 4–12. Then three photographs on the module: a 3:2 landscape on 1–7, a 4:5 portrait on 8–12 spanning two rows, and a 1:1 square on 4–7 under the landscape. The caption hangs at the bottom of 1–3 beside the square. Square corners, no hover zoom, no equal thumbnails.

A full-width hairline, the label in 1–2 and the quote in 3–10 at step 4 (weight 500), with the opening quotation mark hung outside the text block so the letters align on column 3. Attribution (bold name, muted role) on the same column-3 line below. No avatars, logos or stars.

A full-bleed field in the accent colour with `onAccent` text: headline 1–8 at step 5, and a short line plus a secondary (outlined, square) button bottom-aligned in 10–12. Use it once per page; it counts as the screen's accent.

Label and h2 in 1–4, top-aligned (sticky on desktop is fine). Four to eight questions in 6–12 as a ruled list: question bold (h4), answer directly underneath. Show every answer; if you must collapse them, use a plain "+" / "–" in the heading face, never a chevron icon.

Plans as table rows separated by hairlines: plan name (h3) 1–3, price 4–6 (step 4, weight 700), what's included 7–10, an underlined CTA 11–12 — all on one baseline. Highlight a recommended plan only with a 2 px rule above its row, never with a coloured card.

Clients as a typeset list (label size) in four columns across 4–12, label in 1–3. Names, not logos.

For about and article pages: h1 at step 5 in 1–6, a lead paragraph across 1–8, a hairline from column 4, then the body set in two narrow columns (4–8 and 9–12). Body columns never exceed ~46 characters.

Label and h3 in 1–3; grayscale 3:4 portraits four per row across 4–12, each with a bold name and a muted role flush left underneath. No circles, no social icons.

A ruled index of posts: date in mono small type 1–2, title (h4) 3–8, a one-line summary 9–12, all on one baseline. No thumbnails, no cards, no tags in pills.

Title, address, email and hours stacked in 1–4; the form fills 6–12. Fields are underlined (1 px bottom border only), labels sit above in small type, the submit button is square with the accent fill.

A 2 px rule, then four zones in small type: wordmark 1–3, page links stacked 5–6, address 7–9, muted legal line 10–12.

Links (slash-separated) 1–6 and the muted legal line 10–12 on one line, then the site name set across the full grid at step 8, weight 700, tight — the page's last and largest word.