{
  "id": "craft-zine-contributor-spread",
  "name": "Contributor Spread",
  "theme": "craft-zine",
  "category": "Editorial",
  "description": "A two-page spread where a full-bleed portrait owns the left half and the interview runs as a ruled Q-and-A on the right.",
  "layout": "Fifty-fifty split with the image bleeding to three edges; the right half is an interview ruled between every exchange, with questions set in the accent.",
  "modules": [
    {
      "key": "plate",
      "name": "Portrait plate",
      "html": "\n<figure class=\"plate\">\n  <img src=\"{{ART maker}}\" alt=\"{{ARTALT maker}}\">\n  <figcaption><span>Ada Renn</span><span>Sheffield, February</span></figcaption>\n</figure>"
    },
    {
      "key": "intro",
      "name": "Interview intro",
      "html": "\n<div class=\"intro\">\n  <span class=\"intro-no\">No. 07</span>\n  <h1>Ada Renn</h1>\n  <p>She has run a two-press shop for eleven years and has never once advertised.</p>\n</div>"
    },
    {
      "key": "qa",
      "name": "Q and A",
      "html": "\n<dl class=\"qa\">\n  <dt>You turn down more work than you take.</dt>\n  <dd>If I say yes to everything the shop becomes a service. I would rather it stayed a point of view.</dd>\n  <dt>Does that scale?</dt>\n  <dd>No. That is the whole idea. Three hundred copies is a number I can stand behind.</dd>\n  <dt>What do you keep from a job that failed?</dt>\n  <dd>The registration tests. They are the only honest record of what I did not know yet.</dd>\n</dl>"
    },
    {
      "key": "strip",
      "name": "Related strip",
      "html": "\n<div class=\"strip\">\n  <span class=\"strip-label\">Also in this issue</span>\n  <a href=\"#\">The Long Way Round</a><a href=\"#\">Borrowed Tools</a><a href=\"#\">Small Batch</a>\n</div>"
    }
  ],
  "moduleCount": 4,
  "reorderable": false,
  "meta": {
    "id": "craft-zine-contributor-spread",
    "model": "Claude Opus 5",
    "author": "Claude Code",
    "createdAt": "2026-08-29T18:14:56+09:00",
    "updatedAt": "2026-08-29T18:14:56+09:00",
    "version": "1.0.0",
    "isNew": false
  },
  "link": "/api/v1/designs/craft-zine-contributor-spread.json",
  "structure": "Fifty-fifty split with the image bleeding to three edges; the right half is an interview ruled between every exchange, with questions set in the accent.",
  "html": "<div class=\"dz dz-craft-zine-contributor-spread\" data-design=\"craft-zine-contributor-spread\" data-theme=\"craft-zine\">\n<section class=\"dz-mod\" data-mod=\"plate\" aria-label=\"Portrait plate\">\n<figure class=\"plate\">\n  <img src=\"https://designlookbook.dev/assets/img/craft-zine-maker.webp\" alt=\"A hand lifting a freshly printed terracotta and cream sheet away from a press\">\n  <figcaption><span>Ada Renn</span><span>Sheffield, February</span></figcaption>\n</figure></section><div class=\"right\"><section class=\"dz-mod\" data-mod=\"intro\" aria-label=\"Interview intro\">\n<div class=\"intro\">\n  <span class=\"intro-no\">No. 07</span>\n  <h1>Ada Renn</h1>\n  <p>She has run a two-press shop for eleven years and has never once advertised.</p>\n</div></section><section class=\"dz-mod\" data-mod=\"qa\" aria-label=\"Q and A\">\n<dl class=\"qa\">\n  <dt>You turn down more work than you take.</dt>\n  <dd>If I say yes to everything the shop becomes a service. I would rather it stayed a point of view.</dd>\n  <dt>Does that scale?</dt>\n  <dd>No. That is the whole idea. Three hundred copies is a number I can stand behind.</dd>\n  <dt>What do you keep from a job that failed?</dt>\n  <dd>The registration tests. They are the only honest record of what I did not know yet.</dd>\n</dl></section><section class=\"dz-mod\" data-mod=\"strip\" aria-label=\"Related strip\">\n<div class=\"strip\">\n  <span class=\"strip-label\">Also in this issue</span>\n  <a href=\"#\">The Long Way Round</a><a href=\"#\">Borrowed Tools</a><a href=\"#\">Small Batch</a>\n</div></section></div>\n</div>",
  "css": "\n.dz-craft-zine-contributor-spread { background: var(--background); color: var(--foreground); font-family: var(--pv-body); display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); min-height: 560px; }\n.dz-craft-zine-contributor-spread .plate { position: relative; margin: 0; overflow: hidden; background: var(--muted); }\n.dz-craft-zine-contributor-spread .plate img { width: 100%; height: 100%; object-fit: cover; display: block; filter: var(--img-filter); }\n.dz-craft-zine-contributor-spread .plate figcaption { position: absolute; left: 0; bottom: 0; right: 0; display: flex; justify-content: space-between; gap: 12px; padding: 12px 16px; background: var(--foreground); color: var(--background); font-family: var(--pv-mono); font-size: 10.5px; letter-spacing: .1em; text-transform: uppercase; }\n.dz-craft-zine-contributor-spread .right { padding: 42px 44px 34px; display: flex; flex-direction: column; }\n.dz-craft-zine-contributor-spread .intro-no { font-family: var(--pv-mono); font-size: 11px; letter-spacing: .14em; color: var(--primary); }\n.dz-craft-zine-contributor-spread .intro h1 { font-family: var(--pv-display); font-size: 52px; line-height: .96; letter-spacing: -.04em; font-weight: 800; margin: 8px 0 12px; }\n.dz-craft-zine-contributor-spread .intro p { margin: 0 0 26px; font-size: 16px; line-height: 1.55; color: var(--muted-foreground); max-width: 30ch; }\n.dz-craft-zine-contributor-spread .qa { margin: 0; }\n.dz-craft-zine-contributor-spread .qa dt { font-family: var(--pv-display); font-size: 16px; font-weight: 700; color: var(--primary); padding-top: 16px; border-top: var(--pv-bw) solid var(--border); }\n.dz-craft-zine-contributor-spread .qa dd { margin: 8px 0 16px; font-size: 15px; line-height: 1.65; }\n.dz-craft-zine-contributor-spread .strip { margin-top: auto; padding-top: 16px; border-top: 3px solid var(--foreground); display: flex; flex-wrap: wrap; align-items: baseline; gap: 16px; }\n.dz-craft-zine-contributor-spread .strip-label { font-size: 10px; letter-spacing: .16em; text-transform: uppercase; color: var(--muted-foreground); }\n.dz-craft-zine-contributor-spread .strip a { font-size: 13.5px; color: var(--foreground); text-decoration: none; border-bottom: 2px solid transparent; transition: border-color var(--dur) var(--ease); }\n.dz-craft-zine-contributor-spread .strip a:hover, .dz-craft-zine-contributor-spread .strip a:focus-visible { border-bottom-color: var(--primary); }\n@media (prefers-reduced-motion: reduce) { .dz-craft-zine-contributor-spread *, .dz-craft-zine-contributor-spread *::before, .dz-craft-zine-contributor-spread *::after { transition-duration: 1ms !important; animation-duration: 1ms !important; } }",
  "requiredTheme": "/api/v1/themes/craft-zine.json",
  "googleFontsHref": "https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@400;500;600;700&family=Public+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&display=swap"
}