Top row: a tiny uppercase tracked label (step −1) on 1–3 and a tiny muted location/date on 10–12. Then an empty band about 40% of the viewport. The headline sits bottom-right on 7–12 at step 5, weight 500, tight tracking, max ~24 ch. A hairline across the grid, then the base line: subhead in small type on 1–3, an underlined small CTA on 7–8, the muted address (or one fact) on 10–12 — never a caption without an image. At phone width the top labels stay at the top, the empty band takes whatever height is left, and the headline block stacks flush left at the bottom.

Text row first: headline at step 4, weight 500, on 1–5; subhead in body size on 7–10 (max 44 ch); a small text link with arrow bottom-aligned on 11–12. Then a 21:9 plate across the full grid — a product shot or object on a flat surface colour, no shadow, no device frame — with a tiny caption under its left edge. At phone width the plate becomes 4:3 and sits last.

Columns 1–4: a tiny uppercase label and the headline at step 5, weight 500, max ~14 ch. Columns 7–12: three to five fact rows separated by hairlines, each a label (small, uppercase, tracked) on the left and its value (small, muted) on the right; then a small outlined button. Columns 5–6 stay empty. At phone width the fact sheet follows the headline.

Top: four tiny labels in a row on the quarter lines — eyebrow, meta, the address and a small text CTA — all at step −1. The rest of the hero (about 60% of the viewport, so the headline stays above the fold) is empty until the bottom, where the headline sits at step 5, weight 400, tight tracking, max ~28 ch, one or two lines. No image. At phone width the labels wrap two per row.

A small wordmark (body size, weight 500) on 1–2, a muted descriptor at step −1 on 4–6 (hidden at phone width), page links at small size on 9–12 with 24 px gaps and the current page in the text colour (others muted). One 1 px hairline closes the bar. No buttons.

A single row, space-between: the wordmark (small, weight 500) at the far left, the page links (small) at the far right. No hairline, no descriptor, no buttons. At phone width the links scroll horizontally under the wordmark.

Columns 1–2: a tiny uppercase label. Columns 7–12: a title at step 2, weight 500, then four to eight feature rows separated by hairlines. Each row is a 6-column grid: the feature name (small, weight 500) on 1–2 and its description (small, muted, max 46 ch) on 3–6. Columns 3–6 of the page stay empty. At phone width the label sits above the title and the rows keep their two columns.

A small title row (step 1, weight 500), then four to eight items in a 4-column grid with 24 px gaps. Each item: a hairline on top, a tiny number (step −1, mono, muted), the title at body size weight 500, and at most two lines of small muted text. No icons. At phone width two per row.

Tiny uppercase label on 1–2. The statement at step 2, weight 400, max ~50 ch on 5–11. Then an empty band (64 px), then two small paragraphs side by side on 5–7 and 9–11. Columns 3–4 and 12 stay empty throughout. At phone width everything stacks flush left.

A 21:9 image across 1–12. Below, aligned to the bottom: a tiny caption on 1–3 (step −1, muted, one or two lines), and two 4:5 images on 7–9 and 10–12. Columns 4–6 stay empty. Images have no frames, radius or shadow. At phone width: wide plate, the caption, then the first portrait at full width; the second portrait hides.

A tiny uppercase label, then three or four figures in one row with vertical hairlines between them. Each figure: the number at step 3, weight 400, tabular, and a tiny muted label (step −1) under it. Restraint: the numbers are never larger than step 3. At phone width the figures stack, one per row.

Tiny label on 1–2. The quote at step 2, weight 400, max ~52 ch on 7–11 — no quotation-mark ornament, no italics. Underneath on one baseline: the name (small, weight 500) on 7–9 and the role (small, muted) on 10–11. At phone width all flush left.

No coloured band. A hairline, then on one baseline: the headline at step 2, weight 500, on 1–6; a small muted note on 7–9; a small text link with an arrow on 11–12 (the accent colour's one use on the screen). At phone width the three parts stack.

Tiny label on 1–2. On 5–12, four to ten rows separated by hairlines; each row is an 8-column grid with the question (small, weight 500) on 1–3 and the answer (small, muted, max 52 ch) on 4–8. All answers open. At phone width the question sits above its answer.

A title at step 2 (weight 500), then two to four plans in a 4-column grid. Each plan: a hairline on top, the plan name as a tiny uppercase label, the price at step 3 weight 400, two to four lines of small muted inclusions and a small text link. The recommended plan's hairline is 2 px and in the text colour; no fills, no badges. At phone width one per row.

Tiny label on 1–2. On 5–12 a list separated by hairlines; each row (8 columns): name in small weight 500 on 1–3, role in small on 4–6, city or start year in small muted on 7–8. No photographs. At phone width name and role share a line, the meta hides.

Each post is one line separated by hairlines: the date in mono at step −1 on 1–2, the title at body size weight 500 on 3–8, a tiny uppercase category on 11–12. No thumbnails, summaries or read times. At phone width date and category share the line above the title.

Columns 1–5: a tiny label, the email address at step 3 weight 500 (it is the main CTA), then phone and address in small muted type. Columns 7–12: name, email and message fields with a 1 px bottom border only, tiny labels above, and a small solid button in the text colour. At phone width the form follows.

A hairline, then a single line at step −1: the wordmark on 1–2, page links in a row on 5–8, and the muted legal line on 10–12. Nothing larger than body size anywhere in the footer.

Top-aligned columns after a hairline: the contact email at step 3 weight 500 on 1–6, page links stacked in small type on 7–8, social names in small type on 9–10, the legal line small and muted on 11–12. At phone width the email first, then the three small columns stack.