An orange half-sun rises on 3–10 and sinks slightly into four full-bleed stripes (accent, accent2, mustard `surfaceAlt`, brown `heading`, 16 px each with 8 px gaps) that overlap its base. Below, with space between: the headline at step 7 centred on 2–11 (max ~14 ch), the lead centred on 4–9 and one large primary capsule button.

The headline at step 7, tilted −4°, on 1–7 (max ~10 ch). An arched duotone photo (3:4) fills 8–12 across two rows; a second-accent blob bulges out of the arch's lower-left on 6–8. The lead on 1–5 and two capsule buttons (primary + ghost) under the headline.

A concentric emblem crowns the hero, centred on 3–10: a thick second-accent ring, a band of background, an orange disc and a small second-accent core, all sharing one centre (like a record label or a setting sun seen head-on). Under it, centred: a small label, the fat headline at step 5 on 2–11 (max ~14 ch), the lead on 3–10 and a large primary capsule button. At phone width the emblem stays concentric at about half the screen width.

A full-bleed orange band (a vertical gradient from accent to accent2 when gradients are on): the headline at step 8 across all columns in `onAccent`, a wavy divider, then the lead on 1–5 and a large secondary capsule button pushed to the right edge of 8–12.

A centred stack: the wordmark, the page links as capsules, and a thin four-colour stripe band (accent, accent2, mustard `surfaceAlt`, brown `heading`) closing the bar.

The whole nav is a single floating capsule on `surface` with the `radius` rounding at full: wordmark on the left, plain links in the middle, a small primary capsule button on the right.

A centred label and h2 (step 5). Features stack on 2–11 as wide capsules on `surface`, 2 units apart: a big orange numeral at the left end, then the title (h3) and one line of copy beside it.

The title tilted −3° at step 5, then steps as rows, each opened by a wavy divider: an orange dot in column 1, a fat numeral (step 6, orange link colour) in 2–3, the title in 4–7 and the paragraph in 8–12, vertically centred.

A circular duotone porthole at the top of 1–4, a tall 3:4 arch on 5–8 across two rows, a second circle at the bottom of 9–12; the small caption centred under the first circle.

A big mustard starburst on 2–11 sits behind the quote; the quote is set in the fat heading face at step 3, centred on 2–11 (max 36 ch); the name (label) and role (muted) centred under the star, never on it.

A centred title (step 4), then three or four tall rounded `surface` bubbles in one row: a fat orange numeral at step 5 at the top and a short centred caption pinned to the bottom, so captions line up across the row.

A full-bleed band with a vertical accent-to-accent2 gradient: the headline at step 6 centred on 2–11 in `onAccent` and a large secondary capsule button; the footer's stripes follow straight after it.

The title at step 5, tilted −4°, on 1–5; the questions on 6–12 as a two-column masonry of rounded `surface` bubbles: question (h4) over the answer in small type.

A centred title, then items two per row: a round "vinyl" photo on the left, and the name (h4), a short description and the price (label, orange link colour) stacked beside it.

A centred title, then two or three rounded `surface` plans in one row on 2–11, each topped by a short orange stripe: plan name, the price at step 6 in orange, inclusions, a primary capsule button.

A centred title, then rounded 4:5 duotone portraits three per row on 2–11; the name (h4) and role centred under each.

One centred column, max 64 ch wide: a label in the link colour, the h2 at step 5, a wavy divider, a lead paragraph, a body paragraph and a text link with an arrow.

The title at step 5, tilted −3°, on 1–8; posts as a two-column masonry of rounded `surface` flyers on 2–11: a rounded 4:5 duotone photo, the date in orange, a fat h3 title, a short summary.

A big orange half-sun on 1–5; on 6–12 the fat title (step 5), one line of copy, the email and the form (name, email, message) with capsule fields and a capsule submit button.

Four full-width stripes (accent, accent2, mustard `surfaceAlt`, brown `heading`; 8 px each, 8 px apart), then one row: wordmark on 1–4, capsule page links on 5–9, the muted legal line on 10–12.

The site name centred in the fat heading face at step 8, capsule page links under it, the muted legal line last.