{
  "id": "craft-zine-workshop-poster",
  "name": "Workshop Poster",
  "theme": "craft-zine",
  "category": "Marketing",
  "description": "An event page built like a printed poster: the date is the artwork, and the details sit in a ruled table underneath.",
  "layout": "Enormous mono date numerals spanning the full width as the primary graphic, a two-column detail table beneath it, and a booking bar pinned to the bottom edge.",
  "modules": [
    {
      "key": "datewall",
      "name": "Date wall",
      "html": "\n<div class=\"dw\"><span class=\"dw-mo\">Sep</span><span class=\"dw-day\">27</span><span class=\"dw-yr\">2026</span></div>"
    },
    {
      "key": "billing",
      "name": "Billing",
      "html": "\n<div class=\"bill\">\n  <h1>Two-Colour Riso, Start to Finish</h1>\n  <p>A full day on the Risograph MH2. You will separate a file, cut stencils, register two passes by hand, and go home with fifty copies of something.</p>\n</div>"
    },
    {
      "key": "facts",
      "name": "Detail table",
      "html": "\n<dl class=\"facts\">\n  <div><dt>Where</dt><dd>Hollow Press, Unit 4, Leeds LS2</dd></div>\n  <div><dt>Hours</dt><dd>10:00 – 17:00, lunch provided</dd></div>\n  <div><dt>Bring</dt><dd>One file, two colours, no gradients</dd></div>\n  <div><dt>Places</dt><dd>8 total · 3 remaining</dd></div>\n</dl>"
    },
    {
      "key": "book",
      "name": "Booking bar",
      "html": "\n<div class=\"book\"><span class=\"book-price\">£140</span><span class=\"book-note\">Includes paper, ink and one hangover-grade coffee</span><a class=\"book-cta\" href=\"#\">Take a place</a></div>"
    }
  ],
  "moduleCount": 4,
  "reorderable": true,
  "meta": {
    "id": "craft-zine-workshop-poster",
    "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-workshop-poster.json",
  "structure": "Enormous mono date numerals spanning the full width as the primary graphic, a two-column detail table beneath it, and a booking bar pinned to the bottom edge.",
  "html": "<div class=\"dz dz-craft-zine-workshop-poster\" data-design=\"craft-zine-workshop-poster\" data-theme=\"craft-zine\">\n<section class=\"dz-mod\" data-mod=\"datewall\" aria-label=\"Date wall\">\n<div class=\"dw\"><span class=\"dw-mo\">Sep</span><span class=\"dw-day\">27</span><span class=\"dw-yr\">2026</span></div></section>\n<section class=\"dz-mod\" data-mod=\"billing\" aria-label=\"Billing\">\n<div class=\"bill\">\n  <h1>Two-Colour Riso, Start to Finish</h1>\n  <p>A full day on the Risograph MH2. You will separate a file, cut stencils, register two passes by hand, and go home with fifty copies of something.</p>\n</div></section>\n<section class=\"dz-mod\" data-mod=\"facts\" aria-label=\"Detail table\">\n<dl class=\"facts\">\n  <div><dt>Where</dt><dd>Hollow Press, Unit 4, Leeds LS2</dd></div>\n  <div><dt>Hours</dt><dd>10:00 – 17:00, lunch provided</dd></div>\n  <div><dt>Bring</dt><dd>One file, two colours, no gradients</dd></div>\n  <div><dt>Places</dt><dd>8 total · 3 remaining</dd></div>\n</dl></section>\n<section class=\"dz-mod\" data-mod=\"book\" aria-label=\"Booking bar\">\n<div class=\"book\"><span class=\"book-price\">£140</span><span class=\"book-note\">Includes paper, ink and one hangover-grade coffee</span><a class=\"book-cta\" href=\"#\">Take a place</a></div></section>\n</div>",
  "css": "\n.dz-craft-zine-workshop-poster { background: var(--background); color: var(--foreground); font-family: var(--pv-body); padding: 34px 40px 0; display: flex; flex-direction: column; min-height: 540px; }\n.dz-craft-zine-workshop-poster .dw { display: flex; align-items: baseline; gap: 16px; border-bottom: 3px solid var(--foreground); padding-bottom: 6px; }\n.dz-craft-zine-workshop-poster .dw-mo { font-family: var(--pv-display); font-size: 40px; font-weight: 800; letter-spacing: -.04em; text-transform: uppercase; }\n.dz-craft-zine-workshop-poster .dw-day { font-family: var(--pv-mono); font-size: 132px; line-height: .78; font-weight: 700; color: var(--primary); letter-spacing: -.05em; }\n.dz-craft-zine-workshop-poster .dw-yr { margin-left: auto; font-family: var(--pv-mono); font-size: 15px; letter-spacing: .2em; color: var(--muted-foreground); }\n.dz-craft-zine-workshop-poster .bill { padding: 22px 0 24px; max-width: 46rem; }\n.dz-craft-zine-workshop-poster .bill h1 { font-family: var(--pv-display); font-size: 36px; line-height: 1.06; letter-spacing: -.035em; font-weight: 800; margin: 0 0 12px; }\n.dz-craft-zine-workshop-poster .bill p { margin: 0; font-size: 16px; line-height: 1.6; color: var(--muted-foreground); max-width: 44ch; }\n.dz-craft-zine-workshop-poster .facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 40px; margin: 0; border-top: var(--pv-bw) solid var(--border); }\n.dz-craft-zine-workshop-poster .facts > div { display: grid; grid-template-columns: 78px minmax(0, 1fr); gap: 14px; padding: 12px 0; border-bottom: var(--pv-bw) solid var(--border); }\n.dz-craft-zine-workshop-poster .facts dt { font-size: 10.5px; letter-spacing: .16em; text-transform: uppercase; color: var(--muted-foreground); padding-top: 3px; }\n.dz-craft-zine-workshop-poster .facts dd { margin: 0; font-size: 14.5px; }\n.dz-craft-zine-workshop-poster .book { margin: auto -40px 0; display: flex; align-items: center; gap: 20px; padding: 18px 40px; background: var(--foreground); color: var(--background); }\n.dz-craft-zine-workshop-poster .book-price { font-family: var(--pv-mono); font-size: 26px; font-weight: 700; }\n.dz-craft-zine-workshop-poster .book-note { font-size: 13px; opacity: .78; }\n.dz-craft-zine-workshop-poster .book-cta { margin-left: auto; background: var(--primary); color: var(--primary-foreground); font-size: 14px; font-weight: 600; padding: 11px 22px; border-radius: var(--pv-radius-sm); text-decoration: none; transition: transform var(--dur) var(--ease); }\n.dz-craft-zine-workshop-poster .book-cta:hover, .dz-craft-zine-workshop-poster .book-cta:focus-visible { transform: translateY(-1px); }\n@media (prefers-reduced-motion: reduce) { .dz-craft-zine-workshop-poster *, .dz-craft-zine-workshop-poster *::before, .dz-craft-zine-workshop-poster *::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"
}