The photograph opens the hero: 21:9 across 1–12, full colour, with a small italic caption under its right edge. Below, everything hangs from column 2 (column 1 is the margin): the kicker in small uppercase tracked body face in the accent colour on 2–4; the headline in the display serif at step 6, weight 400, tight leading, max ~18 ch, on 2–11 (three to four lines at 1440 px); the dek (standfirst) in italic at lead size on 2–8; then the byline — "Words by …" in small uppercase and a muted date. At phone width the image stays first, the margin column collapses and the headline drops to step 3.

Columns 1–5: the issue numeral at step 8 in the accent colour (italic serif), a small uppercase kicker ("Issue 14 — Autumn"), the headline at step 4 (max ~16 ch) and an italic dek. Columns 7–12: a table of contents of four to six entries separated by hairlines; each entry is a 6-column row with its page number in italic serif on column 1 and, on 2–6, the section in small uppercase, the story title (h3) and a one-line dek. Column 6 stays empty. At phone width the contents follow the cover block.

A portrait photograph (3:4) with caption on 1–5. On 7–12, bottom-aligned with the photo: the kicker (small uppercase, accent), the headline in italic display serif at step 5 (max ~16 ch, four lines at most), a hairline, the opening paragraph (lead size, max 52 ch) beginning with a drop cap three lines deep set in the display serif in the accent colour, and the byline in small uppercase. Column 6 is the gutter. At phone width the photo comes first at full width.

Type-only cover. A top line with the kicker on 1–3 and the issue date on 10–12 (both small uppercase), a 4 px rule, then the headline in the display serif at step 6, weight 400, tight, spanning the full grid (three or four lines at 1440 px). A hairline, then the italic dek at lead size on 1–6 and a second, different standfirst line with an underlined CTA on 8–12 (never repeat the dek). At phone width the headline drops to step 5.

Top line: the date or issue in small uppercase on 1–4 (one line); the nameplate (wordmark in the display serif, large, centred in its span — the one centred element of the style) on 5–8; an underlined "Subscribe" link right-aligned on 9–12. Below: a hairline, the section links in small uppercase tracked body face in one row, and a second hairline (a double rule). At phone width the date hides and the links scroll horizontally.

For inner pages. The serif wordmark on 1–3, section links in small uppercase tracked body face on 5–10, an underlined "Subscribe" link on 11–12, then one hairline. At phone width the links scroll horizontally.

The reading column runs 3–8 (max ~62 ch). Order: section label (small uppercase), the first paragraph at lead size opening with a three-line drop cap, body paragraphs, then a pull quote in italic display serif at step 4 that breaks out of the measure to 2–9 with a 2 px accent rule above it, then more body. Marginalia sit in 10–12 beside the first paragraphs: a 4:5 photograph with one small caption (never repeat the caption as a second note). At phone width the marginalia follow the first paragraph.

A hairline on 3–10, the quote in italic display serif at step 5, weight 400 (opening quotation mark in the accent colour hung into column 2), then the attribution — name in small uppercase tracked body face (weight 600) and the role in italic — and a closing hairline. Nothing else in the section. At phone width the quote drops to step 3.

Section label above. Photo 1 at 21:9 across the full grid with caption. Then photo 2 (4:3) on 1–7 and photo 3 (3:4) on 9–12, bottom-aligned so both share a baseline; column 8 stays empty. Photo 3 carries its own small caption under it, like photo 1; never repeat a caption. Captions never sit on the image. At phone width photos stack full width.

A 4 px rule and the section label open the block. Stories in two columns with a 48 px gap: 3:2 photograph, kicker (the story number, small uppercase, accent), headline (h3, display serif), dek (italic, max 2 lines) and byline (small uppercase muted). No cards, borders or shadows. At phone width one per row.

A sidebar panel on the surface colour, inset to 4–11 with 48 px padding. The label "By the numbers" in small uppercase, then two to five rows separated by hairlines: the figure in italic display serif at step 5 on the left third, a full explanatory sentence at lead size on the right two thirds. At phone width each figure sits above its sentence.

Title (h2, display serif, max ~30 ch) on 2–11. Below, four to six departments in two columns inside 2–11, 48 px apart, divided by a vertical hairline. Each: a roman numeral (I, II, III) in italic serif in the accent colour, a small uppercase kicker, the department name (h3) and a paragraph whose first line is set in italic. No icons. At phone width one column.

Title in italic serif (h2) on 3–10, then four to eight exchanges on the same measure: the question in the body face at body size, weight 700 (prefixed with the interviewer's initials), the answer in the body face at regular weight directly under it, 32 px between exchanges, no rules, no accordions. At phone width keep the measure full width.

A 4 px rule across the grid. On 2–7: kicker (small uppercase, accent), headline in italic display serif at step 5, a paragraph describing the issue or newsletter. On 8–11, bottom-aligned: an inline email form (field with 1 px bottom border only, a square accent submit) and a small muted note ("Every Sunday. Unsubscribe any time."). At phone width the form follows the paragraph.

Section label on 3–10, then contributors separated by hairlines. Each row (8 columns inside 3–10): a square grayscale portrait on 1–2, then the name (h4, serif) and a one-sentence bio in italic on 3–8. No social icons; links in the bio are underlined. At phone width the portrait sits left of the name at 64 px.

Title (h2, serif) on 2–11, then two to four plans as rows separated by hairlines (a 2 px rule above the recommended one): plan name in italic serif (h3) with a one-line description under it on the left half, the price at step 3 in the serif, and an underlined "Subscribe" link on the right. No cards, no badges. At phone width rows stack.

Each post is a row separated by hairlines: a 4:3 photograph on 1–3, then on 5–10 the kicker (small uppercase, accent), the headline (h3, display serif) and a two-line italic dek; the date in small uppercase muted on 11–12, top-aligned. Column 4 stays empty. At phone width the photo sits above the text.

On 2–6: the title in italic serif (h2) and a paragraph inviting letters, ending with the editors' names in small uppercase. On 8–11: address, email (underlined) and phone in the body face, then a form (name, email, message) with 1 px bottom-border fields and a square accent submit. At phone width the form follows.

A 4 px rule, then four zones: the nameplate (display serif, step 3) on 1–4, page links stacked in small uppercase on 6–7, the address on 8–9, and an italic colophon note (typefaces used, printer, legal line) in small muted type on 10–12.

Top row: a one-line newsletter pitch in italic serif with an inline email form on 1–6, page links in small uppercase on 8–12. Then a double rule (4 px + 1 px) and the site name in the display serif at step 8 across the full grid, followed by a small italic legal line.