The eyebrow (spaced capitals, link colour) on 1–6; an orange starburst (size lg) tilted 15° in the top-right corner (11–12). The headline at step 6, heaviest weight, tight, on 1–7 (max ~14 ch), clear of the blob. A teal blob fills 8–12 across rows 2–3 and a circular duotone photo on 9–12 sits on top of it, so the blob peeks out on the left and bottom. The lead (max 40 ch) on 1–6, then a primary and a secondary pill button. At phone width the blob and star hide; the photo follows the headline.

Screen-printed blocks with zero gap between them: an orange block on 1–7 (two rows tall) with the eyebrow and the headline (step 6, heaviest weight, `onAccent`) bottom-aligned inside it; a duotone 4:3 photo on 8–12; under the photo, a teal block on 8–10 with the subhead and a secondary button in `onAccent2`; a mustard half-sun at the bottom of 11–12.

A Calder mobile: four flat shapes (orange circle, teal half-circle upside-down, ink blob, small orange triangle tilted −20°) spread across 2–11, each hanging at a different height, above a 2 px "wire" rule on 2–11. Below: the headline (step 6, heaviest weight) on 1–9, the lead on 1–6 and a large primary button with an arrow bottom-aligned on 8–10. The shapes may sway gently on hover when motion is allowed.

A diagonal from top-right to bottom-left: the headline top-left on 1–7, an arched 4:5 photo on 8–12 across rows 1–2, the lead on 1–4, a circular duotone photo on 5–8 across rows 2–3 overlapping the arch's bottom, an orange boomerang (triangle rotated −30°) on 9–10, and a large primary button bottom-left on 1–4.

A boxed wordmark in 1–3, the page links as pills in 5–9 (current page filled with accent), a small primary pill CTA in 11–12, all vertically centred.

One row: an orange dot and the wordmark on the left, underlined page links on the right.

On 1–4: the label, the title at step 4 (heaviest weight, max 14 ch) and an orange half-sun under it. Features flow two per row across 6–12; each feature is a row: a small teal circle, then the title (h3) and a paragraph (max 40 ch) stacked beside it.

The label and title (step 4) on 1–7. Then three or four steps in one row across 1–12: a big orange numeral (step 5, heaviest weight), a 2 px rule, an uppercase h4 title and a short paragraph. At phone width the steps stack.

Three photos in three different frames: a large duotone circle on 1–5 across two rows, a 3:4 arch on 6–8 next to an orange blob on 9–12, and a 16:9 rounded rectangle on 6–12 below them. The caption sits under the circle on 1–5.

A big orange blob on 1–4 stands in for the speaker (no avatar photo). The quote at step 3 (quote role, no explicit weight) on 5–11 (max 40 ch); under it on one line a small teal dot, the name in spaced capitals and the role in muted small type.

A full-bleed `accent2` (teal) band, all text `onAccent2`: the label in 1–3 and three or four figures in one row across 4–12, each a bold numeral (step 5) centred over a short caption.

A full-bleed orange (`accent`) band: a cream (`bg`) half-sun rises from the bottom edge of 1–4; the headline (step 5, heaviest weight, `onAccent`, max 20 ch) and a medium secondary pill button sit on 6–12.

The label and title on 1–7, then the questions in rounded `surface` panels, two per row across the full grid: question as h4, answer in small type under it. All answers visible.

The label and title (max 12 ch) on 1–4. Two or three plans as rounded `surface` tickets in one row on 5–12, each opened by a 2 px top rule: plan name in spaced capitals, the price as a big orange numeral, inclusions, a primary pill button.

A title row across the grid with an orange starburst at its right end. Dishes two per row, each a row with a bottom rule: name (h4) and a muted description on the left, the price (h4, orange link colour) on the right.

The title on 1–6; duotone portraits in arch frames three per row across 2–12, the name (bold) and role (muted) on one line under each.

A rounded duotone photo (3:2) on 1–6, an orange boomerang triangle in column 7 pointing right at the text, and the story on 8–12: label, h2 (step 4), paragraph (max 46 ch), underlined link.

The whole section is a postcard: a 2 px ruled, rounded frame. Inside: title, address, email and hours on 1–5; a 2 px vertical rule in 6–7; a small orange "stamp" square tilted 6° in the top of column 12; the form (name, email, message) on 8–12 with rounded fields.

The label and title on 1–6, then posts as a three-column masonry: rounded 4:3 photo, date in spaced capitals (link colour), an h3 title, a short summary.

A full-bleed mustard (`surfaceAlt`) band: wordmark on 1–3, page links stacked on 5–6, an inline newsletter form (email + pill button) on 8–12, the legal line at the bottom of 1–4.

A centred roadside-motel sign: an orange starburst, the boxed wordmark, pill page links, the muted legal line.