{
  "id": "allotment-society",
  "name": "Society",
  "theme": "allotment",
  "category": "Marketing",
  "description": "An allotment society recruitment page where the waiting list is presented as a twelve-cell band of the year plots typically come free.",
  "layout": "The pinned band, a photograph, then a plots-available chart reusing the twelve cells, and a ruled fee and rules section.",
  "modules": [
    {
      "key": "band",
      "name": "Month band",
      "html": "\n<nav class=\"bn\"><span>Jan</span><span>Feb</span><span class=\"on\">Mar</span><span>Apr</span><span>May</span><span>Jun</span><span>Jul</span><span>Aug</span><span>Sep</span><span>Oct</span><span>Nov</span><span>Dec</span></nav>"
    },
    {
      "key": "intro",
      "name": "Society intro",
      "html": "\n<header class=\"ih\"><div><span class=\"k\">Kilcarn Lane Allotment Society · founded 1947</span><h1>Sixty-two plots, and a list</h1><p>The waiting list is currently about two years. Plots almost never come free in spring; they come free in autumn, when people who took one in March discover what August weeding is like.</p></div><figure><img src=\"{{ART frost}}\" alt=\"{{ARTALT frost}}\"></figure></header>"
    },
    {
      "key": "avail",
      "name": "Availability chart",
      "html": "\n<section class=\"av\"><span class=\"k\">When plots have come free, five year average</span><div class=\"sw\"><i></i><i></i><i class=\"s\"></i><i></i><i></i><i></i><i class=\"s\"></i><i class=\"p\"></i><i class=\"h\"></i><i class=\"h\"></i><i class=\"p\"></i><i class=\"s\"></i></div><div class=\"lbl\"><span>J</span><span>F</span><span>M</span><span>A</span><span>M</span><span>J</span><span>J</span><span>A</span><span>S</span><span>O</span><span>N</span><span>D</span></div><p class=\"cap\">September and October are when the list actually moves. If you join in March you will hear nothing for six months and that is normal, not an oversight.</p></section>"
    },
    {
      "key": "terms",
      "name": "Fees and rules",
      "html": "\n<footer class=\"tm\"><span class=\"k\">What it costs and what is expected</span>\n<div class=\"rw\"><span>Full plot, five rod</span><b class=\"mn\">£42 a year</b></div>\n<div class=\"rw\"><span>Half plot</span><b class=\"mn\">£24 a year</b></div>\n<div class=\"rw\"><span>Shed and water, shared</span><b class=\"mn\">included</b></div>\n<div class=\"rw\"><span>Cultivation requirement</span><b class=\"mn\">75% by 30 June</b></div>\n<div class=\"rw\"><span>Two work days a year</span><b class=\"mn\">March and October</b></div>\n<button class=\"pri\">Join the waiting list</button></footer>"
    }
  ],
  "moduleCount": 4,
  "reorderable": true,
  "meta": {
    "id": "allotment-society",
    "model": "Claude Opus 5",
    "author": "Claude Code",
    "createdAt": "2026-09-02T01:30:28+09:00",
    "updatedAt": "2026-09-02T01:30:28+09:00",
    "version": "1.0.0",
    "isNew": false
  },
  "link": "/api/v1/designs/allotment-society.json",
  "structure": "The pinned band, a photograph, then a plots-available chart reusing the twelve cells, and a ruled fee and rules section.",
  "html": "<div class=\"dz dz-allotment-society\" data-design=\"allotment-society\" data-theme=\"allotment\">\n<section class=\"dz-mod\" data-mod=\"band\" aria-label=\"Month band\">\n<nav class=\"bn\"><span>Jan</span><span>Feb</span><span class=\"on\">Mar</span><span>Apr</span><span>May</span><span>Jun</span><span>Jul</span><span>Aug</span><span>Sep</span><span>Oct</span><span>Nov</span><span>Dec</span></nav></section>\n<section class=\"dz-mod\" data-mod=\"intro\" aria-label=\"Society intro\">\n<header class=\"ih\"><div><span class=\"k\">Kilcarn Lane Allotment Society · founded 1947</span><h1>Sixty-two plots, and a list</h1><p>The waiting list is currently about two years. Plots almost never come free in spring; they come free in autumn, when people who took one in March discover what August weeding is like.</p></div><figure><img src=\"https://designlookbook.dev/assets/img/allotment-frost.webp\" alt=\"Frost on a bare vegetable bed at first light\"></figure></header></section>\n<section class=\"dz-mod\" data-mod=\"avail\" aria-label=\"Availability chart\">\n<section class=\"av\"><span class=\"k\">When plots have come free, five year average</span><div class=\"sw\"><i></i><i></i><i class=\"s\"></i><i></i><i></i><i></i><i class=\"s\"></i><i class=\"p\"></i><i class=\"h\"></i><i class=\"h\"></i><i class=\"p\"></i><i class=\"s\"></i></div><div class=\"lbl\"><span>J</span><span>F</span><span>M</span><span>A</span><span>M</span><span>J</span><span>J</span><span>A</span><span>S</span><span>O</span><span>N</span><span>D</span></div><p class=\"cap\">September and October are when the list actually moves. If you join in March you will hear nothing for six months and that is normal, not an oversight.</p></section></section>\n<section class=\"dz-mod\" data-mod=\"terms\" aria-label=\"Fees and rules\">\n<footer class=\"tm\"><span class=\"k\">What it costs and what is expected</span>\n<div class=\"rw\"><span>Full plot, five rod</span><b class=\"mn\">£42 a year</b></div>\n<div class=\"rw\"><span>Half plot</span><b class=\"mn\">£24 a year</b></div>\n<div class=\"rw\"><span>Shed and water, shared</span><b class=\"mn\">included</b></div>\n<div class=\"rw\"><span>Cultivation requirement</span><b class=\"mn\">75% by 30 June</b></div>\n<div class=\"rw\"><span>Two work days a year</span><b class=\"mn\">March and October</b></div>\n<button class=\"pri\">Join the waiting list</button></footer></section>\n</div>",
  "css": "\n.dz-allotment-society { background: var(--background); color: var(--foreground); font-family: var(--pv-body); padding: 0 28px 32px; }\n.dz-allotment-society .k { text-transform: uppercase; letter-spacing: .14em; font-size: 10.5px; font-weight: 600; color: var(--muted-foreground); }\n.dz-allotment-society .mn { font-family: var(--pv-mono); font-size: 13px; }\n\n.dz-allotment-society .bn { display: grid; grid-template-columns: repeat(12, 1fr); border-bottom: 1px solid var(--border); margin-bottom: 22px; }\n.dz-allotment-society .bn span { height: 40px; display: grid; place-items: center; text-transform: uppercase; letter-spacing: .14em; font-size: 10.5px; font-weight: 600; color: var(--muted-foreground); border-right: 1px solid var(--border); position: relative; }\n.dz-allotment-society .bn span:last-child { border-right: 0; }\n.dz-allotment-society .bn span.on { color: var(--foreground); }\n.dz-allotment-society .bn span.on::after { content: \"\"; position: absolute; left: 0; right: 0; bottom: -1px; height: 4px; background: var(--accent); }\n.dz-allotment-society .ih { display: grid; grid-template-columns: 1fr 320px; gap: 32px; align-items: center; padding-bottom: 24px; border-bottom: 1px solid var(--border); margin-bottom: 24px; }\n.dz-allotment-society h1 { font-family: var(--pv-display); font-weight: 600; font-size: 52px; line-height: 1.08; letter-spacing: -.02em; margin: 8px 0 14px; }\n.dz-allotment-society .ih p { margin: 0; font-size: 16.5px; line-height: 1.64; color: var(--muted-foreground); max-width: 58ch; }\n.dz-allotment-society .ih figure { margin: 0; }\n.dz-allotment-society .ih img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; display: block; border-radius: 7px; filter: var(--img-filter); }\n.dz-allotment-society .av .k { display: block; margin-bottom: 12px; }\n\n.dz-allotment-society .sw { display: grid; grid-template-columns: repeat(12, 1fr); gap: 2px; }\n.dz-allotment-society .sw i { height: 18px; display: block; background: var(--secondary); border-radius: 2px; }\n.dz-allotment-society .sw i.s { background: color-mix(in oklab, var(--primary) 35%, transparent); }\n.dz-allotment-society .sw i.p { background: color-mix(in oklab, var(--primary) 65%, transparent); }\n.dz-allotment-society .sw i.h { background: var(--primary); }\n.dz-allotment-society .lbl { display: grid; grid-template-columns: repeat(12, 1fr); gap: 2px; margin-top: 6px; }\n.dz-allotment-society .lbl span { text-align: center; text-transform: uppercase; letter-spacing: .14em; font-size: 10.5px; font-weight: 600; color: var(--muted-foreground); }\n.dz-allotment-society .cap { font-size: 15px; line-height: 1.62; color: var(--muted-foreground); margin: 14px 0 0; max-width: 66ch; }\n.dz-allotment-society .tm { margin-top: 28px; }\n.dz-allotment-society .tm .k { display: block; margin-bottom: 10px; }\n.dz-allotment-society .rw { display: flex; align-items: baseline; gap: 20px; padding: 12px 0; border-bottom: 1px solid var(--border); font-size: 15px; }\n.dz-allotment-society .rw b { margin-left: auto; color: var(--accent); font-weight: 400; }\n.dz-allotment-society .pri { margin-top: 20px; background: var(--primary); color: var(--primary-foreground); border: 0; border-radius: 3px; padding: 12px 22px; font: inherit; font-size: 15px; cursor: pointer; }\n@media (prefers-reduced-motion: reduce) { .dz-allotment-society *, .dz-allotment-society *::before, .dz-allotment-society *::after { transition-duration: 1ms !important; animation-duration: 1ms !important; } }\n",
  "requiredTheme": "/api/v1/themes/allotment.json",
  "googleFontsHref": "https://fonts.googleapis.com/css2?family=Vollkorn:wght@400;500;600;700&family=Gantari:wght@400;500;600;700&family=Lekton:wght@400;500;600;700&display=swap"
}