A terminal window (1 px frame) on 1–8. Title bar: the session path on the left (`~/acme — zsh — 80×24`), a muted meta on the right. Inside, with generous padding: the headline in bold at step 5 (max 40 ch) followed by a block cursor, the description (max 64 ch), a boot log of three to five lines with no gap between them (`[ OK ]` in the accent + a short line), then a bracketed primary button and a ghost button. Beside it on 9–12, top-aligned, a small status pane (1 px frame, a title bar with a muted caption, then three or four `key value` lines with the value in the accent, like `uptime` output). At 375 px the pane drops below the window.

Three tmux panes separated by 1-unit gaps so their rules read as dividers: a large pane on 1–7 (both rows) with a prompt line, the headline (step 6, bold) bottom-aligned, the description and a primary button; on 8–12 a README pane (muted filename, two short paragraphs) above a `surface` pane holding the install command in the accent and a muted caption.

The product name as a full-width banner: figlet-style ASCII art in a `<pre>` if you can (keep a visually hidden h1 with the real name), otherwise the h1 at step 8, heaviest weight, lowercase, tight. A 1 px rule, then: a muted `--help` flag on 1–2, the description on 3–8, a bracketed primary button and a text link right-aligned in 9–12.

A single unframed console column, max 80ch: a muted `Last login:` line, the headline after an accent `$ ` prompt (h1 at step 5, bold), the description, a table of three to five commands (command in the accent on 1–3, explanation on 4–12), and an inline email form styled as a prompt (`> subscribe --email _`).

One line closed by a 1 px rule: the wordmark as a path (`~/acme`) on the left, slash-separated links, and on the right a muted git-style status (`[main] ✓ 0.42s`) that hides at phone width.

A tmux window list on `surface`: a boxed wordmark, then numbered links (`1:home 2:docs 3:pricing`) with the current window in the accent and marked `*`.

Set exactly like a man page: the section heading in bold capitals flush left across the grid (`DESCRIPTION`), the summary paragraph indented on 2–10, then four to eight options on 2–10: the option name in the accent and bold (`-p, --port <n>`), its explanation indented a further 8 units underneath (max 64 ch).

A muted command line (`$ ls -la ./projects`) then the listing, rows packed tight (1-unit gap), on 12 sub-columns: muted permissions on 1, muted size on 2–3, the name in the accent on 4–6, the muted date or note on 7–12. At phone width permissions and size hide.

A framed htop panel: a muted header line, then three to six rows: label in bold on 1–3, an ASCII meter on 4–10 in the accent (`[|||||||||||| ]`, bar length proportional to the value), the value right-aligned on 11–12.

A file-viewer window on 1–8: title bar with the filename (`README.md`) and size; inside, the title as markdown (`# About`, accent `#`, step 3, bold), two paragraphs (max 72 ch) and a text link. A muted aside (last edited, author) bottom-aligned on 9–12.

A muted command line (`$ git log --author=customers`), then two to four entries, each with a 1 px left rule: `commit a3f9c2e` in the accent, `Author: Name, Role` muted, then the quote as the commit message, indented four spaces.

A framed `surface` block: a muted comment (`# install in one line`), the install command in bold accent mono with a small `[ copy ]` secondary button at the end of the same line, and a muted note under it.

An `OPTIONS` heading in bold capitals, then each question as a flag row: the question in bold accent on 1–4, the answer on 5–12 (max 72 ch), rows 2 units apart, all answers visible.

A framed table: a muted header row naming the columns (`PLAN PRICE INCLUDES`), then plans as rows separated by dashed rules: name in bold on 1–3, the price in the accent on 4–5, inclusions on 6–10, a bracketed text link on 11–12, all on one baseline.

The title as `## CHANGELOG` (step 2, bold), then releases as rows: version in the accent on 1–2, the muted date on 3–4, the title in bold with a muted summary under it on 5–12.

A framed mail window, max 80ch wide: a title bar with the command in bold (`mail -s "hello" studio@acme.dev`); inside, a muted line, the form as bare prompt fields (`from:`, `subject:`, `body:`) with no boxes, a `[ send ]` button, and the email address in the accent.

Clients as an `npm ls` tree: a muted command line, then client names in three columns, each prefixed with a muted `├──` (the last one `└──`).

The team as `who` output: a muted `$ who` line, then one row per person with no gap: handle in bold accent on 1–3, a muted tty/location on 4–6, the role on 7–12.

Screenshots only, in terminal frames: a large framed 16:9 capture with a title bar (muted filename) on 1–8 across two rows, two smaller 4:3 captures with 1 px borders stacked on 9–12, and the muted caption under the large frame.

A 1 px rule, then one line: a muted `[process completed]` status on 1–4, slash-separated links on 5–9, the muted legal line on 10–12.

A full-width accent bar like vim's status line, all text `onAccent`: the wordmark on the left, a mono meta in the middle (`NORMAL · utf-8 · ln 1, col 1`), the legal line on the right.