{
  "id": "craft-zine-manifesto",
  "name": "Manifesto Cover",
  "theme": "craft-zine",
  "category": "Landing",
  "description": "A cover page where the headline sits half on the paper and half on a full-bleed risograph print, the way a real cover overprints its art.",
  "layout": "Full-bleed artwork occupying the top two-thirds with the headline block overlapping its lower edge by 80px; three numbered promises run beneath on a hairline grid.",
  "modules": [
    {
      "key": "art",
      "name": "Cover artwork",
      "html": "\n<div class=\"art\"><img src=\"{{ART hero}}\" alt=\"{{ARTALT hero}}\"><span class=\"art-stamp\">Issue 12 · June</span></div>"
    },
    {
      "key": "title",
      "name": "Overprinted title",
      "html": "\n<div class=\"title\">\n  <h1>We print the<br>parts that<br>got cut.</h1>\n  <p>A quarterly about the work that does not survive the edit, and the people who keep it anyway.</p>\n  <div class=\"title-cta\"><a class=\"btn\" href=\"#\">Subscribe — £34/yr</a><a class=\"lnk\" href=\"#\">Read issue 11</a></div>\n</div>"
    },
    {
      "key": "promises",
      "name": "Numbered promises",
      "html": "\n<ul class=\"prom\">\n  <li><span>01</span><h3>No sponsored pages</h3><p>Subscribers pay for it, so nobody else gets to shape it.</p></li>\n  <li><span>02</span><h3>Printed, then posted</h3><p>Three hundred copies, flat-packed, second-class, hand-addressed.</p></li>\n  <li><span>03</span><h3>Nothing evergreen</h3><p>Every piece is dated on purpose. It is a record, not a resource.</p></li>\n</ul>"
    }
  ],
  "moduleCount": 3,
  "reorderable": true,
  "meta": {
    "id": "craft-zine-manifesto",
    "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-manifesto.json",
  "structure": "Full-bleed artwork occupying the top two-thirds with the headline block overlapping its lower edge by 80px; three numbered promises run beneath on a hairline grid.",
  "html": "<div class=\"dz dz-craft-zine-manifesto\" data-design=\"craft-zine-manifesto\" data-theme=\"craft-zine\">\n<section class=\"dz-mod\" data-mod=\"art\" aria-label=\"Cover artwork\">\n<div class=\"art\"><img src=\"https://designlookbook.dev/assets/img/craft-zine-hero.webp\" alt=\"A risograph-style print of overlapping arches and half-circles in terracotta on cream paper\"><span class=\"art-stamp\">Issue 12 · June</span></div></section>\n<section class=\"dz-mod\" data-mod=\"title\" aria-label=\"Overprinted title\">\n<div class=\"title\">\n  <h1>We print the<br>parts that<br>got cut.</h1>\n  <p>A quarterly about the work that does not survive the edit, and the people who keep it anyway.</p>\n  <div class=\"title-cta\"><a class=\"btn\" href=\"#\">Subscribe — £34/yr</a><a class=\"lnk\" href=\"#\">Read issue 11</a></div>\n</div></section>\n<section class=\"dz-mod\" data-mod=\"promises\" aria-label=\"Numbered promises\">\n<ul class=\"prom\">\n  <li><span>01</span><h3>No sponsored pages</h3><p>Subscribers pay for it, so nobody else gets to shape it.</p></li>\n  <li><span>02</span><h3>Printed, then posted</h3><p>Three hundred copies, flat-packed, second-class, hand-addressed.</p></li>\n  <li><span>03</span><h3>Nothing evergreen</h3><p>Every piece is dated on purpose. It is a record, not a resource.</p></li>\n</ul></section>\n</div>",
  "css": "\n.dz-craft-zine-manifesto { background: var(--background); color: var(--foreground); font-family: var(--pv-body); }\n.dz-craft-zine-manifesto .art { position: relative; height: 300px; overflow: hidden; background: var(--muted); }\n.dz-craft-zine-manifesto .art img { width: 100%; height: 100%; object-fit: cover; display: block; filter: var(--img-filter); }\n.dz-craft-zine-manifesto .art-stamp { position: absolute; top: 18px; right: 18px; font-family: var(--pv-mono); font-size: 10.5px; letter-spacing: .12em; text-transform: uppercase; background: var(--background); color: var(--foreground); padding: 6px 11px; border: var(--pv-bw) solid var(--foreground); }\n.dz-craft-zine-manifesto .title { position: relative; margin: -80px 44px 0; background: var(--background); border-top: 3px solid var(--foreground); padding: 24px 30px 30px; max-width: 40rem; }\n.dz-craft-zine-manifesto .title h1 { font-family: var(--pv-display); font-size: 58px; line-height: .95; letter-spacing: -.045em; font-weight: 800; margin: 0 0 16px; }\n.dz-craft-zine-manifesto .title p { margin: 0 0 22px; font-size: 16.5px; line-height: 1.55; color: var(--muted-foreground); max-width: 34ch; }\n.dz-craft-zine-manifesto .title-cta { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; }\n.dz-craft-zine-manifesto .btn { background: var(--primary); color: var(--primary-foreground); font-size: 14px; font-weight: 600; padding: 12px 20px; border-radius: var(--pv-radius-sm); text-decoration: none; transition: background var(--dur) var(--ease); }\n.dz-craft-zine-manifesto .btn:hover, .dz-craft-zine-manifesto .btn:focus-visible { background: var(--foreground); }\n.dz-craft-zine-manifesto .lnk { font-size: 14px; color: var(--foreground); text-decoration: none; border-bottom: 2px solid var(--primary); padding-bottom: 2px; }\n.dz-craft-zine-manifesto .prom { list-style: none; margin: 34px 44px 40px; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; border-top: var(--pv-bw) solid var(--border); }\n.dz-craft-zine-manifesto .prom li { padding: 20px 24px 4px 0; border-right: var(--pv-bw) solid var(--border); }\n.dz-craft-zine-manifesto .prom li:last-child { border-right: 0; }\n.dz-craft-zine-manifesto .prom li + li { padding-left: 24px; }\n.dz-craft-zine-manifesto .prom span { font-family: var(--pv-mono); font-size: 12px; color: var(--primary); letter-spacing: .1em; }\n.dz-craft-zine-manifesto .prom h3 { font-family: var(--pv-display); font-size: 17px; margin: 8px 0 6px; letter-spacing: -.02em; }\n.dz-craft-zine-manifesto .prom p { margin: 0; font-size: 13.5px; line-height: 1.55; color: var(--muted-foreground); }\n@media (prefers-reduced-motion: reduce) { .dz-craft-zine-manifesto *, .dz-craft-zine-manifesto *::before, .dz-craft-zine-manifesto *::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"
}