Explicit rows, 92 vh. A 4:5 photo with an offset shadow in 1–5 (rows 1–4); a circular pattern cut-out in 8–11 (rows 1–2); an accent2 star tilted 15° in 11–12 (row 1); a mono sticker label on accent, tilted −6°, in 7–10 (row 3); the headline at step 6 (weight 400, ≤14 ch) across 3–12 on rows 3–5, printed over the photo on paper-coloured strips (`bg` behind each line, `box-decoration-break: clone`) so it stays legible; an accent blob in 1–3 (rows 5–6); in 4–9 on row 6 the lead and two large buttons; a mono meta sticker on surfaceAlt tilted 4° in 10–12. Phone: photo, disc, label, headline, lead, buttons, meta; shapes hide.

Full-bleed. An accent marquee band (h3 size, onAccent) on top; then an accent2 triangle tilted −10° in 1–2, the step-8 headline centred in 3–10 and an accent circle in 11–12; then three to five arch-cut 3:4 photos in a row across 2–11 and two large buttons centred under them; an accent2 marquee band (label size) at the bottom running the other way.

Row 1: a mono uppercase sticker label on accent2 in 1–5. Row 2: the headline at step 8 across 2–12. Row 3: the tagline in the body face (upright), at step 6, link colour, tilted −3°, in 1–8, with an accent star sticker in 8–9 and a circular photo starting in 9–12 that runs down rows 3–5. Rows 4–5: subhead and a large primary button in 1–6.

Columns 1–8: six to nine photos in a three-column masonry, each with a different frame by position and a mono caption tilted −2°. Columns 9–12: one solid accent panel at full hero height with an accent2 star at the top, the h1 at step 6 (onAccent) in the middle and the subhead plus a secondary button at the bottom. Phone: panel content first is not required — the wall scrolls horizontally.

One row that may wrap: boxed wordmark (3 px border), pill links, a small accent2 star tilted 10° (hidden on phones) and a small primary button.

Monogram in 1–2, numbered links in 3–9 (scroll horizontally on phones), and a mono uppercase tagline sticker on accent2 tilted 3° in 10–12 (hidden on phones).

Display title (step 5, ≤16 ch) in 1–7, an accent star tilted 20° in 10–12. Then five to eight features in a three-column masonry across the grid, each a surface scrap with a 3 px border: a mono number sticker on accent, an h3 title and a short paragraph. Scraps have different heights.

Four photos, four frames, overlapping on explicit rows: offset-shadow 3:4 in 1–5 (rows 1–3), circle 1:1 in 4–8 (rows 2–5), bordered 16:9 in 8–12 (rows 1–2), arch 4:5 duotone in 9–12 (rows 3–5). The h2 tilted −4° sits in 1–4 on row 6 with a mono caption in 5–8 and an accent2 triangle in 11–12. The title and caption come first in source order, so at phone width the heading leads the stacked photos.

An h2 tilted −2°. Three to six quotes of different lengths in a three-column masonry; each is a surface scrap with a 3 px border: the quote (upright, quote role) at step 1, the name as a mono uppercase label, the role in small muted type.

An h2 tilted 2° in 1–6. Three or four solid accent blocks in a four-column grid, each holding a number at step 5 tilted −4° and a mono caption, both onAccent.

A mono sticker label on accent2, then four to seven ruled rows: mono number at step 3 in the link colour in 1–2; in 3–9 the title in the display face at step 5 with a small one-line description under it; a circular 1:1 thumbnail in 10–12 (hidden on phones).

Full-bleed accent band, 36 px top and bottom. A marquee of the tagline (h2 size, onAccent) on top; then the headline at step 7 tilted −2° in 1–8, the line and two buttons (secondary, ghost) in 9–12, and an accent2 star in 11–12.

A mono sticker label, then eight to fourteen client names as mono uppercase stickers on surfaceAlt, tilted −3°, at step 1 so they read as real stickers, in a five-column grid (two columns on phones). Names, not logos.

Display title (step 6) in 1–8, bottom-aligned with a mono line in 9–12. Four to eight people in a four-column masonry: an arch-cut 3:4 portrait, the name (h4) and a mono role.

Display title across the grid. Six to twelve dishes in a two-column masonry in 1–8: each opens with a 3 px top rule, then the dish name (h4) and mono price on one baseline, then a small description. In 9–12 a circular food photo with an accent star under it.

The whole section is one postcard on the surface colour, padded 30 px: a bordered 3:2 photo in 1–6, a 2 px vertical rule in 7, and in 8–12 an accent square "stamp" tilted 6°, the h3, the mono address and email and the contact form (name, email, message).

An h2 tilted −2°. Four to eight posts as surface clippings with a 3 px border in a three-column masonry: photo (natural height), a mono date sticker on accent2, h3 title, one-line summary.

A huge title at step 7 tilted −6° (≤8 ch, e.g. "Asked a lot") in 1–4. Four to eight surfaceAlt notes in a two-column masonry across 5–12, question in h4, answer in small type.

An h2 tilted 2°. Two or three surface ticket stubs with a 3 px border (dashed left edge like a perforation): a mono plan-name sticker on accent2, the price at step 6, a short line, a primary button.

An accent2 marquee band, then pill links in 1–8 and the mono legal line in 9–12, then the site name at step 8, centred, across the full grid as the page's last word.

On the surface colour: an accent blob in 1–2 (hidden on phones), the boxed wordmark in 3–5, stacked plain links in 6–8, an inline newsletter form in 9–12 and the muted mono legal line across the grid.