Text block in columns 2–6, vertically centred beside the window, with 80 px of air above and below: muted eyebrow, display headline at step 6 (weight 400, normal leading, ≤16 ch), a muted lead paragraph, then a large primary button and a quiet text link with an arrow on one line (they wrap, left-aligned, at phone width). A 3:4 photograph with an arch frame (top corners fully rounded into a semicircle) stands in 7–11. A large surfaceAlt pebble circle rests on the window's lower edge in columns 10–11, overlapping the photo, and hides at phone width. Columns 1 and 12 stay empty. Phone: text first, then the arch photo.

Top row: display headline at step 6, weight 300, in 2–7, bottom-aligned with a short muted subhead and an arrowed secondary button in 9–11. Below: one rounded 21:9 panorama across the full grid. Under it, three facts in a row across 2–11, each a small accent circle, a label at weight 600 and a short muted line. Phone: headline, subhead, button, panorama, facts stacked.

A rounded panel in the surface colour fills columns 1–7 at full hero height (≥80 vh), padded 80 px by 64 px; inside, the eyebrow sits at the top, the step-6 headline (weight 400, ≤14 ch) in the middle and the lead plus a primary button and an arrow link at the bottom (space between). Columns 8–12 hold a rounded 4:5 photograph with a caption underneath that starts with a small accent2 dot.

No photograph. A very large circle in the surfaceAlt colour sits in columns 8–11; the text block in 2–7 sits beside it and never crosses it: eyebrow, display headline at step 6 weight 300 (≤20 ch), a muted lead and an inline email form. The circle is low-contrast atmosphere, not a graphic; it hides at phone width.

One row: plain page links in columns 1–5, the wordmark centred in 6–7, a small secondary button in 11–12. The wordmark is first in source order so it leads at phone width; links scroll horizontally on phones and the button hides.

A single rounded tray (surface colour, `radius` token, soft shadow) inside the page width: wordmark left, pill-style links in the middle (the current page gets a bg-coloured pill), a small primary button right. Phone: wordmark and links only; links scroll horizontally.

Label and an h2 at weight 400 (≤22 ch) in 2–7. Then two to four rows, 64 px apart: a rounded 4:3 photo in 2–6 and text in 8–11 (muted number, h3 weight 400, a ≤44 ch paragraph, an arrow link), vertically centred. Flip every second row (photo 7–11, text 2–5). No cards, no icons.

Intro stack in 2–5 (eyebrow, h2 weight 400, muted paragraph), top-aligned. Four to eight items in 7–11, 32 px apart, each a row: a small accent circle aligned to the title's first line, then an h4 at weight 400 and a muted small paragraph (≤48 ch). No dividers between items.

Title (h2, weight 400) in 1–8, flush with the first gallery column. Then six or nine rounded photographs in a three-column masonry with mixed portrait and landscape crops so the columns stagger, each with a one-line muted caption. Two columns at tablet, one at phone.

One rounded surface panel in columns 3–10, padded 64 px: a small circular portrait (about two columns of the panel, 64–120 px) centred at the top, the quote at step 3 weight 400 centred (≤46 ch), then the name (label, weight 600) and a muted role, centred. This panel is the only place the style centres text.

Intro (eyebrow + h3 weight 400) in 2–5, bottom-aligned with three figures in 6–11. Each figure is a step-5 number at weight 300 with a muted caption of ≤22 ch underneath. No rules, no units in colour.

A rounded panel in surfaceAlt across columns 2–11 (never full-bleed), padded 80 px top and bottom: h2 weight 400 and a short line on the panel's left half, an inline email form vertically centred on its right half. Phone: headline, line, form stacked.

Title stack in 2–4. Four to six questions in 6–11, two per row, each a small rounded surface note padded 32 px: question as h4, answer underneath in small type. All answers visible; no accordions, no chevrons.

An arch-framed 4:5 photograph in 1–5 spanning the section's four text rows. From column 7 to 11: eyebrow, h2 weight 400 (≤20 ch), lead (≤44 ch) and a muted body paragraph in 7–10. Use for about and article openings.

Title (h2 weight 400) in 2–6, bottom-aligned with a muted line in 8–11. Then four to eight people, four per row, each a circular portrait with the name (label, weight 600) and role (small, muted) centred under it. Two per row at phone width.

Intro stack in 2–4; exactly two plans side by side in 5–12, each a rounded surface panel: plan name (h4, default heading weight), price at step 4 weight 300, a short inclusions line and a button. The recommended plan uses the primary button, the other the secondary — no badges, no coloured panels.

Title (h2 weight 400) and an arrow link to all posts on one row, space between. Two to four posts, two per row: rounded 3:2 photo, muted date, h3 weight 400 title, one-line summary.

A rounded 4:3 map in 1–6, vertically centred with the details in 8–11: h2 weight 400, address, email, phone, muted opening hours and one secondary button ("Get directions").

A single rounded surface panel in 3–10 padded 64 px: h2 weight 400, a muted two-line intro and a contact form (name, email, message). Fields have a 1 px border in the border colour, the style radius and a bg fill; the submit button is the primary button.

On the surface colour with 80 px padding: wordmark plus a muted tagline in 1–4, stacked plain links in 6–8, address and email in 10–12; then a 1 px hairline across the grid and the muted legal line in 1–6.

One quiet row, space between: wordmark, plain links, muted legal line. Wraps onto two or three lines at phone width.