Grid of four rows. A blurred accent blob covers 1–6 (rows 1–3) and an accent2 blob covers 8–12 (rows 2–4); both hide at phone width. The main frosted panel spans 1–8 on rows 2–3 with eyebrow (muted), headline at step 6 weight 600 (max ~14 ch), muted lead and a row of a large primary button plus a ghost button. A smaller panel (surfaceAlt frost) spans 8–12 on rows 3–4, bottom-aligned, overlapping the main panel's lower right: a muted label, then 2–3 fact rows (name left, value right) split by hairlines.

A rounded media cell with a slow mesh gradient (accent → accent2 over the page bg) fills 1–12 across both rows. A status chip (small frosted capsule: accent2 dot + label) floats top-right on 9–12 and hides on phone. The frosted panel sits bottom-left on 2–7: eyebrow, h1 at step 5 weight 600, a muted paragraph and a large primary button. The panel never centres.

Columns 1–6: eyebrow, headline at step 6 (max ~12 ch), muted lead, then a primary button and a link button. Columns 7–12: a frosted frame with small padding holds a 4:3 rounded product image and, beneath it, a nested chip (surfaceAlt frost) with an accent2 ring and a small status line. An accent blob on 8–12 glows behind the frame (same grid cell) and hides on phone.

Columns 1–7, bottom-aligned: eyebrow, headline at step 6, muted lead, large primary button. Columns 8–12: three or four frosted notification rows (accent dot md, a weight-600 label over a muted line, muted time on the right) stacked with small gaps over an accent2 blob in 9–12. Phone: headline first, then the notifications.

A frosted capsule with radius 999 px floating 24 px below the top edge: wordmark, pill links (current page gets a lighter frost), small primary button. Sticky on scroll; links scroll sideways on phone.

Two frosted capsules on one line: wordmark alone on 1–3; links and a small ghost button together on 7–12. Columns 4–6 stay empty so the backdrop shows between them. The ghost button hides on phone.

Columns 1–4 hold the eyebrow, h2 (step 4, weight 600) and a muted paragraph, top-aligned. Columns 5–12 hold 3–5 wide frosted panes with small gaps; each pane is a row: a small accent ring (sm) on the left, then the h3 and a muted paragraph (max 56 ch).

An accent2 blob spans 3–10 across both rows. The first frosted panel (1–7, row 1) holds the eyebrow and a statement at step 4 weight 500. The second panel (surfaceAlt frost, 6–12, row 2) holds a muted paragraph and a link button with arrow; it starts under the first panel's last two columns so they read as stacked layers.

One wide frosted panel: an h3 title, then 3–4 gauges in a row, each a small accent2 ring (sm, can be drawn as a progress ring), the figure at step 4 weight 600 and a muted small caption.

Title (h2) on 1–7 in row 1. A wide 16:9 rounded photo spans 1–8 on rows 2–3; a 4:5 photo spans 9–12 on rows 1–2; a square mesh-gradient tile sits on 9–12 in row 3. A frosted caption panel on 6–10 (row 3, bottom-aligned) overlaps both the wide photo and the square.

An accent blob on 1–5 and an accent2 ring on 9–12 sit behind (hidden on phone). One frosted panel on 3–10 holds the quote at step 3 weight 500 (max 44 ch) and a row with a round avatar, the name (600) and a muted role.

Header row: h2 left, muted small label right. Then one frosted pane holding 2–3 plan segments split by vertical hairlines: plan name (h4), price at step 5 weight 600, muted inclusions, a secondary button. The recommended segment gets a surfaceAlt frost layer and a primary button.

A rounded mesh-gradient field spans 1–12; a frosted panel on 2–8, vertically centred over it, holds the h2 (step 4), a muted line and an inline email form (frosted field + primary button).

Columns 1–4: eyebrow, h2, a muted line. Columns 6–12: one frosted pane holding 4–8 questions (h4, weight 600) with muted answers, separated by hairlines. Collapsing is allowed with a thin plus/minus.

One frosted pane across the grid: title (h2), address, email and muted hours on 1–4; a vertical hairline at column 5 (hidden on phone); the form on 6–12 with frosted fields (surfaceAlt), labels above, primary submit.

Header row: h2 and a ghost button with arrow. Posts scroll horizontally in a full-bleed rail of frosted cards (about 3.3 visible on desktop): a rounded 4:3 image inset inside the card padding, a mono date and an h4 title.

A muted small label, then 6–12 client names as frosted chips (radius 999 px, label text) in a wrapping row. Phone: one row that scrolls sideways.

Eyebrow and h2 on 1–6, then 3–6 frosted panes three per row: a rounded 4:5 portrait inset inside the pane, and the name (h4) with the muted role on one line under it.

Columns 1–5: eyebrow and h2. Columns 6–12: 3–6 steps separated by hairlines; each row holds a small frosted chip with the step number (surfaceAlt) beside the h4 title and a muted paragraph.

One frosted pane: wordmark and a muted line on 1–4, links stacked on 6–8, an inline newsletter form and the muted legal line on 9–12.

A 1 px hairline, then one row: wordmark, plain links, muted legal line. No panel — the quiet ending after a page full of layers.