The signature hero, at least 86 vh. Columns 1–8 over two rows on the dotted ground: the red signal dot beside the mono eyebrow at the top, the display headline at step 8 (≤14 ch, tight leading) and, at the bottom, the muted lead (≤40 ch) above the red primary pill and an outlined secondary pill. Columns 9–12, row 1: a surface widget with a mono caption over a round halftone picture. Row 2: a surfaceAlt clock widget with a mono label, the date in the dot face at step 6 and a muted note. Row 3 across 1–12: four numbered readings, each a hairline above a mono label and a number at step 5. Phone: message, then the two widgets, then the readings two per row.

A phone home screen. Columns 1–7 over two rows: the message widget (padding 40 × 32 px) with an outlined mono pill eyebrow, the display headline at step 7 (≤13 ch), the lead and the two pills. Columns 8–10 row 1: the red reading widget (mono caption and number at step 7 in `onAccent`). Columns 11–12 row 1: a round halftone widget. Columns 8–12 row 2: a `surfaceAlt` status widget with a mono date left and a ring plus a dot right (a toggle) at the top, and a short status line (body face, 700) at the bottom. Row 3: a dock of four numbered widgets (mono index in the link colour at the top, the title in the body face at 700 at the bottom), two per row on phones.

At least 88 vh, vertically centred. Columns 1–5: signal dot and mono eyebrow, display headline at step 7 (≤11 ch), lead (≤36 ch), the two pills at medium size. Columns 6–9: the halftone picture in a thin device bezel (9:16) with four numbered callout tags (01–04) and leader lines. Columns 10–12: the matching key as a ruled list: mono index in the link colour, the title in the body face (700) and one muted line. Leaders hide on phones; the key follows the device.

At least 84 vh, spaced between top and bottom. A status row: the signal dot and mono eyebrow left, a mono date right. The display headline across all 12 columns at step 7 (≤22 ch per line). Under it: the muted lead and the two pills bottom-aligned in 1–5, a round halftone picture in 6–8 and a reading widget in 9–12 (mono label, number at step 7, muted note). A hairline, then a slow uppercase mono marquee.

On the page ground over a 1 px hairline: the red signal dot beside the wordmark left, pill links in the middle (current page a filled `surface` pill), a small red primary pill right (the record button). Links scroll sideways on phones.

One surface pill the full width of the grid, like a phone status bar: wordmark left, numbered mono links (01 Product, 02 Pricing…) in the middle, and right a mono date and a red ring indicator (both hidden on phones) beside a small outlined pill.

A board of three sizes. Columns 1–4 over two rows: the intro widget (padding 32 × 24 px) with the signal label, title at step 5 (≤14 ch), a muted line and an outlined pill at the bottom. Columns 5–8 over two rows: a tall halftone picture tile filling the cell. Columns 9–12: four surfaceAlt feature widgets in a 2×2, each with a mono index in the link colour at the top and the title (body face, 700) with one muted line at the bottom.

Quick settings. A row: pill label and title at step 5 in 1–7, a muted line bottom-aligned in 8–12. Then eight toggle pills four per row (one per row on phones): a ring indicator, the feature name in uppercase mono and a muted detail. The first toggle is lit: filled `accent2` (white on dark, black on light) with its text in the matching foreground.

Signal label and title at step 5 (≤20 ch) above four reading widgets in a row (two per row on phones): a mono label at the top, the dot-matrix number at step 7 and a muted note at the bottom. No red tile here; the numbers carry it.

A spec sheet. Columns 1–4: pill label, title at step 5 (≤12 ch) and a muted line. Columns 5–12: six rows ruled with 1 px hairlines, each a 12-column sub-grid: mono index in the link colour in 1–2, the spec name (body face, 700) in 3–6, the muted value in 7–12, all on one baseline.

Signal label and title at step 5 left, an outlined pill right, on one row. Six halftone pictures as 4:3 rounded tiles, three per row (two on phones), each with a mono index in the link colour and a short caption on one baseline under it.

A surface widget in 1–8 (padding 40 × 32 px): the red signal dot at the top, the quote in the dot face at step 4 (≤30 ch, keep it to three lines), and the name (body face, 700) over a mono role at the bottom. Two surfaceAlt quote widgets stacked in 9–12, each the quote in the body face at the top and a mono name at the bottom.

Signal label and title at step 5 in 1–6, a muted line bottom-aligned in 8–12. Two plan widgets side by side in 1–8: mono plan name and the price in the dot face at step 6 at the top, a muted line and an outlined pill at the bottom (red stays on the statement tile). The red statement widget in 9–12: a statement at step 3 in `onAccent` and an outlined pill. Never three equal plan cards.

Columns 1–4: pill label, title at step 5, a muted line and an outlined pill to support. Columns 5–12: five questions ruled with hairlines, each a mono index in the link colour beside the question (body face, 700) on one baseline, then the muted answer (≤64 ch). All answers visible.

One red widget (padding 48 × 40 px): the title in the dot face at step 6 (≤14 ch), a line and an inline email form with a white pill submit in 1–8, all in `onAccent`; a round halftone picture in 10–12, hidden on phones. The only red tile on the page bottom.

The pill label (outlined mono pill), then six client names as outlined pills (uppercase mono, centred) in a six-column row, two per row on phones. No logos as images.

Columns 1–6: pill label, title at step 5 (≤16 ch), lead (≤40 ch) and a muted body (≤56 ch). Columns 7–12: a 4:3 halftone picture tile, and under it three small reading widgets in a row (mono label, number at step 5), three across even on phones.

Signal label and title at step 5 left, an outlined pill right. People as surface widgets four per row (two on phones): a round halftone portrait, the name in the body face (700) and a mono role.

Columns 1–4: pill label, title at step 5 (≤12 ch) and an arrow link. Columns 5–12: four posts ruled with hairlines like a log, each a 12-column sub-grid: mono date in 1–3, the title (body face, 700) and a muted one-line summary in 4–10, a mono index in the link colour in 11–12.

A form widget in 1–7 over two rows: pill label, title at step 5, a muted line and the name / email / message form with a pill submit. An email widget in 8–12 (ring indicator, the address at step 3 in the body face), then a phone widget in 8–10 (dot indicator, the number) and a small red hours widget in 11–12 (white dot, the hours in `onAccent`).

Three widgets in a row: wordmark, a muted tagline and an inline newsletter form in 1–5; numbered links stacked in 6–8; a surfaceAlt widget in 9–12 with the signal dot beside a mono status line and the muted legal line. Stacked on phones.

A 1 px hairline, then one row: the red signal dot and wordmark, plain links, and the uppercase mono legal line, space between.