{
  "id": "allotment-plot",
  "name": "Plotholder",
  "theme": "allotment",
  "category": "Profile & Social",
  "description": "A plotholder’s page where their history is a set of sowing charts by year rather than a feed, and the band still pins the current month to the top.",
  "layout": "The band, then an identity block, then a per-year sowing chart stack using the same twelve cells, and a ruled swap list at the foot.",
  "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": "who",
      "name": "Plotholder block",
      "html": "\n<header class=\"wh\"><div><span class=\"k\">Plot 14 · since 2019</span><h1>Marta Reyes</h1><p>Five rod, half of it under brassica, netted since the pigeons took the sprouts in 2022. Keeps a comfrey bin and will give you the liquid if you bring a container.</p></div><figure><img src=\"{{ART shed}}\" alt=\"{{ARTALT shed}}\"></figure></header>"
    },
    {
      "key": "years",
      "name": "Year charts",
      "html": "\n<section class=\"yr\"><span class=\"k\">What has gone in, by year</span>\n<div class=\"rw\"><span class=\"yl mn\">2026</span><div class=\"sw\"><i class=\"h\"></i><i class=\"h\"></i><i class=\"s\"></i><i class=\"s\"></i><i class=\"p\"></i><i class=\"p\"></i><i class=\"h\"></i><i class=\"h\"></i><i class=\"h\"></i><i class=\"s\"></i><i class=\"s\"></i><i class=\"h\"></i></div><span class=\"cn mn\">14 crops</span></div>\n<div class=\"rw\"><span class=\"yl mn\">2025</span><div class=\"sw\"><i class=\"h\"></i><i></i><i class=\"s\"></i><i class=\"s\"></i><i class=\"p\"></i><i class=\"p\"></i><i class=\"h\"></i><i class=\"h\"></i><i class=\"h\"></i><i class=\"s\"></i><i></i><i class=\"h\"></i></div><span class=\"cn mn\">12 crops</span></div>\n<div class=\"rw\"><span class=\"yl mn\">2024</span><div class=\"sw\"><i></i><i></i><i class=\"s\"></i><i class=\"s\"></i><i class=\"s\"></i><i class=\"p\"></i><i class=\"h\"></i><i class=\"h\"></i><i class=\"h\"></i><i></i><i></i><i></i></div><span class=\"cn mn\">9 crops</span></div>\n<div class=\"rw\"><span class=\"yl mn\">2023</span><div class=\"sw\"><i></i><i></i><i class=\"s\"></i><i class=\"p\"></i><i class=\"p\"></i><i class=\"h\"></i><i class=\"h\"></i><i class=\"h\"></i><i></i><i></i><i></i><i></i></div><span class=\"cn mn\">7 crops</span></div>\n</section>"
    },
    {
      "key": "swaps",
      "name": "Swap list",
      "html": "\n<footer class=\"sp\"><span class=\"k\">Has spare, this month</span><div class=\"rw2\"><span class=\"nm\">Onion sets, Sturon</span><span class=\"qt mn\">about 40</span><span class=\"ac\">Swap</span></div><div class=\"rw2\"><span class=\"nm\">Broad bean, Aquadulce</span><span class=\"qt mn\">half a packet</span><span class=\"ac\">Swap</span></div><div class=\"rw2\"><span class=\"nm\">Comfrey liquid</span><span class=\"qt mn\">bring a bottle</span><span class=\"ac\">Free</span></div></footer>"
    }
  ],
  "moduleCount": 4,
  "reorderable": true,
  "meta": {
    "id": "allotment-plot",
    "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-plot.json",
  "structure": "The band, then an identity block, then a per-year sowing chart stack using the same twelve cells, and a ruled swap list at the foot.",
  "html": "<div class=\"dz dz-allotment-plot\" data-design=\"allotment-plot\" 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=\"who\" aria-label=\"Plotholder block\">\n<header class=\"wh\"><div><span class=\"k\">Plot 14 · since 2019</span><h1>Marta Reyes</h1><p>Five rod, half of it under brassica, netted since the pigeons took the sprouts in 2022. Keeps a comfrey bin and will give you the liquid if you bring a container.</p></div><figure><img src=\"https://designlookbook.dev/assets/img/allotment-shed.webp\" alt=\"A weathered allotment shed with tools leaning against it\"></figure></header></section>\n<section class=\"dz-mod\" data-mod=\"years\" aria-label=\"Year charts\">\n<section class=\"yr\"><span class=\"k\">What has gone in, by year</span>\n<div class=\"rw\"><span class=\"yl mn\">2026</span><div class=\"sw\"><i class=\"h\"></i><i class=\"h\"></i><i class=\"s\"></i><i class=\"s\"></i><i class=\"p\"></i><i class=\"p\"></i><i class=\"h\"></i><i class=\"h\"></i><i class=\"h\"></i><i class=\"s\"></i><i class=\"s\"></i><i class=\"h\"></i></div><span class=\"cn mn\">14 crops</span></div>\n<div class=\"rw\"><span class=\"yl mn\">2025</span><div class=\"sw\"><i class=\"h\"></i><i></i><i class=\"s\"></i><i class=\"s\"></i><i class=\"p\"></i><i class=\"p\"></i><i class=\"h\"></i><i class=\"h\"></i><i class=\"h\"></i><i class=\"s\"></i><i></i><i class=\"h\"></i></div><span class=\"cn mn\">12 crops</span></div>\n<div class=\"rw\"><span class=\"yl mn\">2024</span><div class=\"sw\"><i></i><i></i><i class=\"s\"></i><i class=\"s\"></i><i class=\"s\"></i><i class=\"p\"></i><i class=\"h\"></i><i class=\"h\"></i><i class=\"h\"></i><i></i><i></i><i></i></div><span class=\"cn mn\">9 crops</span></div>\n<div class=\"rw\"><span class=\"yl mn\">2023</span><div class=\"sw\"><i></i><i></i><i class=\"s\"></i><i class=\"p\"></i><i class=\"p\"></i><i class=\"h\"></i><i class=\"h\"></i><i class=\"h\"></i><i></i><i></i><i></i><i></i></div><span class=\"cn mn\">7 crops</span></div>\n</section></section>\n<section class=\"dz-mod\" data-mod=\"swaps\" aria-label=\"Swap list\">\n<footer class=\"sp\"><span class=\"k\">Has spare, this month</span><div class=\"rw2\"><span class=\"nm\">Onion sets, Sturon</span><span class=\"qt mn\">about 40</span><span class=\"ac\">Swap</span></div><div class=\"rw2\"><span class=\"nm\">Broad bean, Aquadulce</span><span class=\"qt mn\">half a packet</span><span class=\"ac\">Swap</span></div><div class=\"rw2\"><span class=\"nm\">Comfrey liquid</span><span class=\"qt mn\">bring a bottle</span><span class=\"ac\">Free</span></div></footer></section>\n</div>",
  "css": "\n.dz-allotment-plot { background: var(--background); color: var(--foreground); font-family: var(--pv-body); padding: 0 28px 28px; }\n.dz-allotment-plot .k { text-transform: uppercase; letter-spacing: .14em; font-size: 10.5px; font-weight: 600; color: var(--muted-foreground); }\n.dz-allotment-plot .mn { font-family: var(--pv-mono); font-size: 13px; }\n\n.dz-allotment-plot .bn { display: grid; grid-template-columns: repeat(12, 1fr); border-bottom: 1px solid var(--border); margin-bottom: 22px; }\n.dz-allotment-plot .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-plot .bn span:last-child { border-right: 0; }\n.dz-allotment-plot .bn span.on { color: var(--foreground); }\n.dz-allotment-plot .bn span.on::after { content: \"\"; position: absolute; left: 0; right: 0; bottom: -1px; height: 4px; background: var(--accent); }\n.dz-allotment-plot .wh { display: grid; grid-template-columns: 1fr 300px; gap: 32px; align-items: center; padding-bottom: 22px; border-bottom: 1px solid var(--border); margin-bottom: 22px; }\n.dz-allotment-plot h1 { font-family: var(--pv-display); font-weight: 600; font-size: 52px; line-height: 1.08; letter-spacing: -.02em; margin: 6px 0 12px; }\n.dz-allotment-plot .wh p { margin: 0; font-size: 16.5px; line-height: 1.64; color: var(--muted-foreground); max-width: 58ch; }\n.dz-allotment-plot .wh figure { margin: 0; }\n.dz-allotment-plot .wh img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; display: block; border-radius: 7px; filter: var(--img-filter); }\n.dz-allotment-plot .yr .k { display: block; margin-bottom: 12px; }\n.dz-allotment-plot .yr .rw { display: grid; grid-template-columns: 70px 1fr 90px; gap: 20px; align-items: center; padding: 12px 0; border-bottom: 1px solid var(--border); }\n.dz-allotment-plot .yl { color: var(--muted-foreground); }\n\n.dz-allotment-plot .sw { display: grid; grid-template-columns: repeat(12, 1fr); gap: 2px; }\n.dz-allotment-plot .sw i { height: 18px; display: block; background: var(--secondary); border-radius: 2px; }\n.dz-allotment-plot .sw i.s { background: color-mix(in oklab, var(--primary) 35%, transparent); }\n.dz-allotment-plot .sw i.p { background: color-mix(in oklab, var(--primary) 65%, transparent); }\n.dz-allotment-plot .sw i.h { background: var(--primary); }\n.dz-allotment-plot .cn { color: var(--muted-foreground); text-align: right; }\n.dz-allotment-plot .sp { margin-top: 26px; }\n.dz-allotment-plot .sp .k { display: block; margin-bottom: 10px; }\n.dz-allotment-plot .rw2 { display: grid; grid-template-columns: 1fr 160px 80px; gap: 20px; align-items: center; padding: 12px 0; border-bottom: 1px solid var(--border); }\n.dz-allotment-plot .nm { font-size: 15px; }\n.dz-allotment-plot .qt { color: var(--muted-foreground); }\n.dz-allotment-plot .ac { text-transform: uppercase; letter-spacing: .14em; font-size: 10.5px; font-weight: 600; color: var(--accent); }\n@media (prefers-reduced-motion: reduce) { .dz-allotment-plot *, .dz-allotment-plot *::before, .dz-allotment-plot *::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"
}