Stack, full width, no grid: a mono small line like a file path or "last modified" stamp; the headline in uppercase at step 8, heaviest weight, leading tight, allowed to run edge to edge and break mid-word on phones; a 1 px rule; the subhead as a plain paragraph (max 60 ch); then two bare links (underlined, accent colour, no padding, no fill) side by side; a 1 px rule and a mono meta line. Nothing is boxed or aligned beyond the left edge.

Five cells on a 12-column grid with zero gap, each with a 2 px border on all four sides (borders collapse into single lines). Cell 1: headline in 1–8 across rows 1–2, uppercase, step 7, heaviest weight. Cell 2 (9–12, row 1): mono eyebrow and the subhead. Cell 3 (9–12, row 2): one primary button at medium size, bottom of the cell, accent fill, square. Cell 4 (1–4, row 3): a mono meta line. Cell 5 (5–12, row 3): a one-line statement in body size (different copy from the subhead). At phone width cells stack in source order and keep their borders.

Bleed edge to edge. Top: a marquee band in accent with onAccent mono uppercase text, 2 px borders top and bottom. Middle: the headline across the full width (step 5, heaviest weight, uppercase, tight — four or five lines at most at 1440 px), then the subhead in 1–5 and an underlined CTA bottom-aligned in 10–12. Bottom: a second marquee in heading-on-bg (inverse) with the meta copy. At phone width the headline drops to step 3 and may break mid-word with hyphens.

A grayscale photograph with a 2 px border and a raw caption (file name in mono) fills 1–7 across rows 1–3. The headline (step 7, heaviest weight, uppercase) sits on row 1 from column 6 to 12, on the page background, so it overlaps the photo by one column. Row 2: subhead in 9–12, one column clear of the photo. Row 3: a primary button in 9–11. At phone width the headline comes first, then the photo, subhead and button.

A single row, space-between: the site name in bold body type (no logo mark), the page links separated by " / " and underlined in the accent colour, and a mono small stamp (version, date or "updated 3m ago"). A 2 px rule closes it. At phone width the links scroll horizontally.

Two cells with 2 px borders on all sides and zero gap: 1–3 holds the boxed site name in uppercase; 4–12 holds the underlined links in a row. At phone width the cells stack and the links scroll horizontally.

The whole list sits in one box with a 2 px border. First row on surfaceAlt: the section label in mono uppercase on 1–6 and a mono caption (item count, "sorted by date") on 7–12. Then each item is a row with 1 px rules between: number (mono) on 1, title (h4, uppercase) on 2–6, body on 7–11, mono date on 12. Tabular, dense, no padding beyond 8–16 px. At phone width each row stacks and the header row keeps only the label (the caption hides).

An h2 in uppercase at step 5 across the full width, then four to eight features in a 4-column grid with zero gap; each cell has a 2 px border (collapsed), 16–24 px padding, a mono number, an uppercase h3 and a short paragraph. Cells are not cards: no radius, no shadow, no hover lift. At phone width cells stack one per row.

An 8 px bar in the text colour across the full width, a mono uppercase section label, the statement in uppercase at step 3 (heaviest weight, tight, full width, no max width), then the body in two columns 1–6 and 7–12 set tight (line-height 1.35). Dense on purpose. At phone width the columns stack.

A mono label line, then six to eighteen photos in a 6-column grid, zero gap, each in a 2 px bordered cell: a square grayscale image and its file name (mono small) underneath, like a darkroom contact sheet. No hover zoom, no lightbox chrome. At phone width the sheet becomes one horizontally scrolling strip of the same bordered cells (about 1.25 cells visible), like a strip of negatives.

Columns 1–2: the section label, mono uppercase, top-aligned and never rotated. Columns 3–12: one box with a 2 px border holding the quote in uppercase at step 4, heaviest weight, no quotation-mark glyph ornament, then author and role in mono small, separated by " — ". At phone width the label sits above the box and the quote drops to step 3.

Two to four cells in one row with zero gap and collapsed 2 px borders. Each cell: the number in the mono face at step 5 (weight 700, tabular) at the top, the uppercase mono label pinned to the bottom so labels line up across cells. Numbers are raw — no animation, no units in another colour. At phone width cells stack full width.

Section background accent, bleeding edge to edge, 2 px borders top and bottom. The headline in onAccent, uppercase, step 7, heaviest weight, two or three lines, inset by the page margin (32 px) so the first letter lines up with the content above. Under it one underlined link in onAccent at large size with an arrow. The whole band is clickable. At phone width the headline drops to step 3.

An uppercase h2, then four to twelve rows separated by 1 px rules: a mono number ("Q1") on 1, the question in uppercase h4 on 2–5, the answer as plain text on 6–12. All answers are open — no accordions, no chevrons. At phone width each row stacks.

One box with a 2 px border. Each plan is a single row with space-between: plan name (uppercase h3), the price in mono at step 4, the inclusions as one small line, and a bare underlined link ("buy →"). Rows are separated by 1 px rules. The recommended plan is marked with "[recommended]" in mono, never a coloured card. At phone width each row wraps.

An uppercase h2, then entries separated by 1 px rules: the date in mono (YYYY-MM-DD) on 1–2, the title as an underlined h4 link on 3–12 with a one-line summary in small type directly under it. No thumbnails, no tags, no read-time badges. At phone width the date sits above the title.

A mono label, then six to twenty-four client names, each in a bordered cell (collapsed 2 px borders), mono uppercase label size, in a 6-column grid. No logo images. At phone width two per row.

Two cells with collapsed 2 px borders. Cell 1 (1–6): uppercase h2, the email in mono at step 3 (the main call to action, underlined), phone and address as plain lines. Cell 2 (7–12): the form — name, email, message — with labels above inputs, 2 px borders, no radius, and a submit button that looks like a default HTML button in the accent colour. At phone width cells stack.

The site name in bold uppercase, then two cells with collapsed 2 px borders: 1–6 lists every page link underlined, one per line; 7–12 has address, email and the legal line in mono small type. At phone width the cells stack.

A marquee band (2 px borders top and bottom) running the legal line in mono, then the site name in uppercase at step 8, heaviest weight, filling the width, then slash-separated links in one line. At phone width the name drops to step 4.