Three layers on explicit rows: a solid `accent` circle filling 7–12 across rows 1–4, a landscape 3:2 duotone photograph with an offset-shadow frame in 2–8 across rows 2–3, and the uppercase headline (step 6, heaviest weight, ≤16 ch, rotate −2°) across 1–12 on rows 4–5, below the photo, so it overprints the circle but never the photo. The mono eyebrow sits top-left in 1–5; on row 6 the subhead and arrowed primary button sit right in 9–12. Multiply-blend the photo and headline. Phone: eyebrow, photo, headline, subhead, button; the circle hides.

An open zine: left page 1–6 holds the issue number (step 8, link colour), the uppercase h1 (step 6, ≤12 ch) and a mono meta line, spaced top to bottom; column 7 holds a 2 px vertical rule as the spine; the right page 8–12 holds a duotone 3:4 photograph, the subhead and a secondary button. Both pages are the same height. Phone: the spine hides, pages stack.

Line one: the headline at step 7, uppercase, in 1–9. A tilted `accent2` star sticker sits in 10–12 on the same row. Line two: the tagline at step 6, uppercase (upright), in the link colour, offset to 4–12 so it reads as a second stamp. Below, in 1–6: subhead and a primary button. No photograph.

Full-bleed `accent2` band. A 21:9 duotone photograph spans 1–12 over rows 1–2 with a 4 px halftone dot overlay; the headline (step 7, uppercase, onAccent2, rotate −3°) spans 2–11 on rows 2–3 so only its first line prints over the photo's bottom edge (the rest sits on the band, so dark image areas never hide the type). Row 4: subhead and secondary button in 2–7, mono meta bottom- aligned in 10–12. All text on the band uses `onAccent2`.

Row one, spread edge to edge: a mono issue/date line on the left (hidden on phones), the boxed wordmark (2 px border) in the middle, an underlined CTA flush right. Row two: slash-separated page links. A 4 px ink rule closes the masthead.

One row, space between: the monogram, numbered links (01 Shop, 02 Zines…), and a small `accent` star sticker tilted −8° (hidden on phones).

An "In this issue" page. Mono label across the grid, uppercase title at step 6 in 1–8. Then four to eight entries as a ruled list (2 px rules): the number at step 5 in the link colour followed by the uppercase h3 title, sharing 1–8 on one baseline (they stay side by side on phones), a one-line description in 9–11 (hidden on phones) and the mono page number in 12.

A solid `accent` block in 1–4 (padded 40 px × 32 px) with the mono label and the uppercase title tilted −2°, both onAccent. Four to six features in a two-column masonry across 5–12, each a 2 px bordered box: big number (step 4, link colour), uppercase h4, short paragraph. Let the boxes run to different heights.

Uppercase h2 in 1–6 with a right-aligned mono caption in 9–12. Below: a 3:4 duotone with offset shadow in 1–5 across two rows, a 16:9 duotone in 6–12, a 1:1 duotone in 6–9 and a solid `accent` circle in 10–12 beside it. No equal thumbnails.

The quote (step 4, heading face at its default weight, onAccent, ≤36 ch) on a solid `accent` slab in 2–9 padded 48 × 40 px. The attribution drops to the next row, offset to 9–12, under a 2 px top rule: mono uppercase name and a muted role.

Uppercase h2 at step 5 across the grid. Three or four counts in a four-column row, each with a 2 px left rule: number at step 5 (every figure the same size), heaviest weight, link colour; mono caption under it.

On surfaceAlt. Uppercase headline (step 6) in 1–9, bottom-aligned with a short line and a primary button in 10–12. A 2 px dashed cut line (style the divider `border-top-style: dashed`). Then six to eight tear-off tabs in a row, each a narrow box with a left rule holding the same mono contact detail rotated 90° on desktop. Tabs scroll horizontally, unrotated, on phones.

Uppercase h2 (≤12 ch) in 1–4, top-aligned. Four to eight questions as a ruled list across 5–12; each entry is an 8-column sub-grid with the mono uppercase question in 1–3 and the answer in 4–8.

Uppercase h2 and an arrow link to the archive on one row. Three to six back issues, three per row: a 3:4 duotone cover with a 2 px border, the mono issue number ("No. 07") and the uppercase title.

Details in 1–5: uppercase h2, a short line, the mono address and email. In 6–12 a 2 px bordered "order form" box with a mono uppercase label and the contact form (name, email, message); fields are square with a 2 px bottom rule.

Mono label in 1–3; eight to sixteen stockist names typeset uppercase in three columns across 4–12. Names only, never logos.

Uppercase h2 (≤24 ch). Two or three plans as 2 px bordered tags: mono uppercase plan name, the price at step 6 rotated −4°, a short line and a small secondary button. Tags stay square to the grid; only the price tilts.

The uppercase h1 (step 6, rotate −2°) in 1–7. Below it a 4:5 duotone photo with offset shadow in 1–5 spanning two rows; beside it the lead set in mono across 6–12, then the body in two narrow columns (6–9 and 10–12).

A 4 px ink rule. Then the boxed wordmark in 1–3, a mono print colophon in 4–8 ("Printed in fluoro pink and teal on a Riso MZ970, Bristol"), slash links on one line in 10–12. A marquee of the tagline in mono label size closes the page.

A solid `accent` circle stamp in 1–2 (hidden on phones), the boxed wordmark in 3–6, slash links in 7–12, and the muted mono legal line across the grid.