{
  "id": "craft-zine-community-wall",
  "name": "Community Wall",
  "theme": "craft-zine",
  "category": "Profile & Social",
  "description": "Reader replies pinned to a wall at slightly different heights, so the page reads as a noticeboard rather than a feed.",
  "layout": "CSS columns rather than a grid, so notes flow at their natural height; each note is rotated by a fraction of a degree and the composer is pinned above as a full-width strip.",
  "modules": [
    {
      "key": "composer",
      "name": "Composer strip",
      "html": "\n<div class=\"comp\">\n  <label for=\"cz-cw-say\">Pin a note</label>\n  <input id=\"cz-cw-say\" type=\"text\" placeholder=\"What did issue 11 get wrong?\">\n  <button type=\"button\">Pin it</button>\n</div>"
    },
    {
      "key": "wall",
      "name": "Note wall",
      "html": "\n<div class=\"wall\">\n  <article class=\"note n1\"><p>The Renn interview is the best thing you have printed. The bit about registration tests as an honest record has been rattling round my head for a week.</p><footer>Mira K. · Glasgow</footer></article>\n  <article class=\"note n2\"><p>Paper felt different this issue. Not worse. Different.</p><footer>Tom A. · Bristol</footer></article>\n  <article class=\"note n3\"><p>Please do a piece on jigs. Everyone builds them, nobody photographs them, and they are the most interesting objects in any workshop.</p><footer>Priya S. · Leeds</footer></article>\n  <article class=\"note n4\"><p>Second-class post took nine days. Worth it.</p><footer>Jonas W. · Aarhus</footer></article>\n  <article class=\"note n5\"><p>I run the print room at a school and I have been reading these aloud to sixth-formers. They are extremely rude about the typography and they love it.</p><footer>Cath D. · Cardiff</footer></article>\n</div>"
    },
    {
      "key": "more",
      "name": "Load more",
      "html": "\n<div class=\"more\"><button type=\"button\">Show 34 older notes</button></div>"
    }
  ],
  "moduleCount": 3,
  "reorderable": true,
  "meta": {
    "id": "craft-zine-community-wall",
    "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-community-wall.json",
  "structure": "CSS columns rather than a grid, so notes flow at their natural height; each note is rotated by a fraction of a degree and the composer is pinned above as a full-width strip.",
  "html": "<div class=\"dz dz-craft-zine-community-wall\" data-design=\"craft-zine-community-wall\" data-theme=\"craft-zine\">\n<section class=\"dz-mod\" data-mod=\"composer\" aria-label=\"Composer strip\">\n<div class=\"comp\">\n  <label for=\"cz-cw-say\">Pin a note</label>\n  <input id=\"cz-cw-say\" type=\"text\" placeholder=\"What did issue 11 get wrong?\">\n  <button type=\"button\">Pin it</button>\n</div></section>\n<section class=\"dz-mod\" data-mod=\"wall\" aria-label=\"Note wall\">\n<div class=\"wall\">\n  <article class=\"note n1\"><p>The Renn interview is the best thing you have printed. The bit about registration tests as an honest record has been rattling round my head for a week.</p><footer>Mira K. · Glasgow</footer></article>\n  <article class=\"note n2\"><p>Paper felt different this issue. Not worse. Different.</p><footer>Tom A. · Bristol</footer></article>\n  <article class=\"note n3\"><p>Please do a piece on jigs. Everyone builds them, nobody photographs them, and they are the most interesting objects in any workshop.</p><footer>Priya S. · Leeds</footer></article>\n  <article class=\"note n4\"><p>Second-class post took nine days. Worth it.</p><footer>Jonas W. · Aarhus</footer></article>\n  <article class=\"note n5\"><p>I run the print room at a school and I have been reading these aloud to sixth-formers. They are extremely rude about the typography and they love it.</p><footer>Cath D. · Cardiff</footer></article>\n</div></section>\n<section class=\"dz-mod\" data-mod=\"more\" aria-label=\"Load more\">\n<div class=\"more\"><button type=\"button\">Show 34 older notes</button></div></section>\n</div>",
  "css": "\n.dz-craft-zine-community-wall { background: var(--muted); color: var(--foreground); font-family: var(--pv-body); padding: 30px 36px 34px; }\n.dz-craft-zine-community-wall .comp { display: flex; align-items: center; gap: 12px; background: var(--background); border: var(--pv-bw) solid var(--border); padding: 12px 14px; margin-bottom: 22px; }\n.dz-craft-zine-community-wall .comp label { font-size: 10.5px; letter-spacing: .16em; text-transform: uppercase; color: var(--muted-foreground); white-space: nowrap; }\n.dz-craft-zine-community-wall .comp input { flex: 1; min-width: 0; font: inherit; font-size: 14.5px; padding: 9px 12px; border: var(--pv-bw) solid var(--input); border-radius: var(--pv-radius-sm); background: var(--card); color: var(--foreground); }\n.dz-craft-zine-community-wall .comp input:focus-visible { outline: 2px solid var(--ring); outline-offset: 1px; }\n.dz-craft-zine-community-wall .comp button { font: inherit; font-size: 13.5px; font-weight: 600; padding: 9px 18px; border: 0; border-radius: var(--pv-radius-sm); background: var(--primary); color: var(--primary-foreground); cursor: pointer; }\n.dz-craft-zine-community-wall .wall { columns: 3; column-gap: 16px; }\n.dz-craft-zine-community-wall .note { break-inside: avoid; background: var(--card); border: var(--pv-bw) solid var(--border); border-left: 4px solid var(--primary); padding: 14px 16px; margin: 0 0 16px; transition: transform var(--dur) var(--ease); }\n.dz-craft-zine-community-wall .note p { margin: 0 0 10px; font-size: 14px; line-height: 1.6; }\n.dz-craft-zine-community-wall .note footer { font-family: var(--pv-mono); font-size: 10.5px; letter-spacing: .08em; text-transform: uppercase; color: var(--muted-foreground); }\n.dz-craft-zine-community-wall .n1 { transform: rotate(-.5deg); }\n.dz-craft-zine-community-wall .n2 { transform: rotate(.6deg); }\n.dz-craft-zine-community-wall .n3 { transform: rotate(-.3deg); }\n.dz-craft-zine-community-wall .n4 { transform: rotate(.8deg); }\n.dz-craft-zine-community-wall .n5 { transform: rotate(-.7deg); }\n.dz-craft-zine-community-wall .note:hover { transform: rotate(0deg); }\n.dz-craft-zine-community-wall .more { text-align: center; margin-top: 6px; }\n.dz-craft-zine-community-wall .more button { font: inherit; font-size: 13px; letter-spacing: .1em; text-transform: uppercase; background: none; border: 0; border-bottom: 2px solid var(--primary); color: var(--foreground); padding: 4px 2px; cursor: pointer; }\n@media (prefers-reduced-motion: reduce) { .dz-craft-zine-community-wall *, .dz-craft-zine-community-wall *::before, .dz-craft-zine-community-wall *::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"
}