Two columns, vertically centred, at least 78 vh. Columns 1–6: a wide-tracked uppercase label in the link colour, the display headline at step 7 (weight 700, tight, ≤15 ch), a muted lead and one row with the accent primary key and a raised secondary key (both large). Under them three raised reading pills in a row, each a number at step 3 (700) over a muted caption. Columns 7–12: one large raised device panel (padding 40 px): a status row (muted label left, accent dot right), then an accent dial ring (180 px) beside a reading at step 8 and the short tagline, then three raised keys in a row, each a muted ring over a short name. Phone: copy first, then the device; the pills and keys stay three across.

One wide raised console panel (padding 40 px). Inside, columns 1–7 hold the label, the display headline at step 7 (≤15 ch), the lead and an inline email field pressed into the panel with an accent submit; columns 8–12 hold a raised well with a 4:5 product shot, rounded. Under the console, four raised gauge keys in a row: a small accent dial ring beside a reading at step 4 and a muted caption (two per row on phones).

Three columns on one row. Columns 4–9 (first in the source, so phones read it first): label, display headline at step 8 (≤12 ch), lead and the two keys. Columns 1–3: a raised remote, four rows each a round raised key with an accent dot beside its name, and a big round wheel key with an accent ring at the bottom (hidden on phones). Columns 10–12: a raised slider panel with a muted label and an accent dial ring beside a reading at step 5 at the top, and three readings at the bottom, each a caption and number on one baseline over a pressed slider track with an accent fill.

Row 1: label and the display headline at step 7 (≤17 ch) bottom-aligned in 1–7; the lead and the keys bottom-aligned in 8–12. Rows 2–3: a raised panel in 1–8 filled by a rounded 16:9 product shot (12 px inset); in 9–12 a dial panel (muted label, accent ring beside a reading at step 6 and a short caption) over a toggle panel listing three settings, each ending in a round key with an accent dot.

One raised tray across the page (radius 22 px, padding 12 × 20 px): wordmark left, pill links in the middle (the current page pressed in), a raised secondary key (hidden on phones) and a small accent primary right.

No bar: a monogram left, the links in a small raised pill tray in the middle, a round raised status key with an accent dot (hidden on phones) and the accent primary right.

Columns 1–5: label, h2 at step 5 (700, ≤18 ch), a muted line and a raised well with a rounded 4:3 product shot. Columns 6–12: one large raised panel (padding 32 px) listing five features; each row is the title at step 1 (600) and a muted line on the left, a round raised toggle key on the right whose accent knob shows it is on (in code: a 64 × 34 px pressed track with the knob at its right end), 24 px between rows. No dividers: the spacing separates the rows.

Header row: label and h2 left, a muted line bottom-aligned right. Then four to eight raised feature keys in four columns with 24 px gaps: on top a small round key holding an accent ring and a mono index on the right, then the title at step 1 (700) and a muted line. One per row on phones.

Header row as above, then four raised gauges in a row (two per row on phones), everything centred: an accent dial ring (96 px), the reading at step 6 (700, tight), a muted caption and a mono note in the link colour.

A raised well with a rounded 4:3 product shot in 1–7; in 8–12 the label, h2, a muted line, three numbered steps (the number in the link colour inside a small round raised key, then the title and a line) and a raised secondary key with an arrow.

A large raised panel in 1–8 (padding 40 px): the quote at step 4 (weight 500) at the top; at the bottom a round raised avatar key with an accent dot, the name (700) and the muted role. Columns 9–12: two raised reading panels stacked to the same height, each a number at step 6 and a caption with a small accent ring on the right.

Columns 1–4: label, h2, a muted line and a pressed note well (`surfaceAlt`, inset pair) with one line of small print. Columns 5–12: three raised plan panels, each the plan label in the link colour, the name at step 2, the price at step 6 (700), a muted line and an accent primary button pinned to the bottom.

Columns 1–4: label, h2, a muted line and a raised secondary key. Columns 5–12: five raised question panels with 24 px gaps, each a mono number in a small round key, the question at step 1 (600) and the answer in muted body. All answers visible.

One wide raised panel (padding 48 × 40 px): a raised round well holding a large accent dial ring like a power key in 1–3 (hidden on phones), the label, h2 at step 6 (≤18 ch) and a muted line in 4–8, and in 9–12 an inline email field pressed into the panel with an accent submit and a small muted note.

A raised form panel in 1–7 (padding 40 × 32 px): label, h2, a muted line, then name, email and message fields pressed into the panel and an accent submit. Columns 8–12: three raised contact panels stacked with 24 px gaps: the email beside a round key with an accent dot, the phone beside a round key with a ring, and a rounded 16:9 map well over the hours and the address.

Label, title at step 4 and a muted line in 1–4; eight client names as raised chips in a four-column grid across 5–12 (two columns on phones), each name centred in `textMuted` at weight 600.

Label and h2 left, a raised secondary key with an arrow right. Three raised post panels (padding 16 px): a rounded 3:2 image well, then a mono date, the title at step 1 (700) and a muted line. One per row on phones.

Header row, then four to eight raised keys, four per row (two on phones): a round portrait, the name at step 1 (700) and the muted role, centred.

Images mounted in raised wells (padding 16 px, inner radius 20 px): a 4:3 product shot with a muted caption in 1–7 over two rows, and two 16:9 wells stacked in 8–12.

Header row, then six raised rows in two columns (one on phones): a numbered round key (number in the link colour), the title at step 1 (600) and a muted line, and a round toggle key with an accent dot on the right.

One raised panel (padding 40 px): the wordmark, a muted tagline and an inline newsletter field pressed in with an accent submit in 1–5; stacked plain links in 6–8; a status line in the link colour beside a small raised key with an accent dot, and the muted legal line, in 9–12.

One row on the ground with no panel: wordmark, pill links and the muted legal line, space between.