{
  "id": "allotment-seedbrowse",
  "name": "Seed Store",
  "theme": "allotment",
  "category": "Search & Browse",
  "description": "Browsing seed packets sorted by sowing month rather than alphabetically, each carrying a twelve-cell mini-band and its depth and spacing in Lekton.",
  "layout": "The pinned band, a filter row, and packet cards whose mini-band uses the same twelve columns so a packet can be read against the year at a glance.",
  "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": "filters",
      "name": "Filter row",
      "html": "\n<header class=\"fr\"><input value=\"what goes in now\"><span class=\"ch on\">Sow in March</span><span class=\"ch\">Under cover</span><span class=\"ch\">Direct</span><span class=\"ch\">In my store</span><span class=\"ct mn\">31 PACKETS · SORTED BY SOWING DATE</span></header>"
    },
    {
      "key": "packets",
      "name": "Packet cards",
      "html": "\n<section class=\"pk\">\n<article><span class=\"k\">Sow now</span><h2>Parsnip</h2><p class=\"lt\">Tender and True</p><div class=\"sw\"><i></i><i></i><i class=\"s\"></i><i class=\"s\"></i><i></i><i></i><i></i><i></i><i></i><i class=\"h\"></i><i class=\"h\"></i><i class=\"h\"></i></div><div class=\"sp mn\"><span>Depth 13 mm</span><span>Spacing 150 mm</span><span>180 days</span></div><p class=\"nt\">Station sow, three seeds, thin to the strongest. Do not transplant; it will fork.</p></article>\n<article><span class=\"k\">Sow now</span><h2>Beetroot</h2><p class=\"lt\">Boltardy</p><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><div class=\"sp mn\"><span>Depth 20 mm</span><span>Spacing 100 mm</span><span>80 days</span></div><p class=\"nt\">Each seed is a cluster. Thin at two true leaves and eat the thinnings.</p></article>\n<article><span class=\"k\">Sow now</span><h2>Leek</h2><p class=\"lt\">Musselburgh</p><div class=\"sw\"><i></i><i></i><i class=\"s\"></i><i class=\"s\"></i><i></i><i class=\"p\"></i><i class=\"p\"></i><i></i><i></i><i class=\"h\"></i><i class=\"h\"></i><i class=\"h\"></i></div><div class=\"sp mn\"><span>Depth 10 mm</span><span>Spacing 200 mm</span><span>210 days</span></div><p class=\"nt\">Nursery bed now, transplant in June by dropping into a dibbed hole and watering in.</p></article>\n<article class=\"next\"><span class=\"k\">Next month</span><h2>Courgette</h2><p class=\"lt\">Defender</p><div class=\"sw\"><i></i><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></div><div class=\"sp mn\"><span>Depth 20 mm</span><span>Spacing 900 mm</span><span>55 days</span></div><p class=\"nt\">Sow on edge under cover. Two plants feed a household; three is a mistake people make once.</p></article>\n</section>"
    }
  ],
  "moduleCount": 3,
  "reorderable": true,
  "meta": {
    "id": "allotment-seedbrowse",
    "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-seedbrowse.json",
  "structure": "The pinned band, a filter row, and packet cards whose mini-band uses the same twelve columns so a packet can be read against the year at a glance.",
  "html": "<div class=\"dz dz-allotment-seedbrowse\" data-design=\"allotment-seedbrowse\" 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=\"filters\" aria-label=\"Filter row\">\n<header class=\"fr\"><input value=\"what goes in now\"><span class=\"ch on\">Sow in March</span><span class=\"ch\">Under cover</span><span class=\"ch\">Direct</span><span class=\"ch\">In my store</span><span class=\"ct mn\">31 PACKETS · SORTED BY SOWING DATE</span></header></section>\n<section class=\"dz-mod\" data-mod=\"packets\" aria-label=\"Packet cards\">\n<section class=\"pk\">\n<article><span class=\"k\">Sow now</span><h2>Parsnip</h2><p class=\"lt\">Tender and True</p><div class=\"sw\"><i></i><i></i><i class=\"s\"></i><i class=\"s\"></i><i></i><i></i><i></i><i></i><i></i><i class=\"h\"></i><i class=\"h\"></i><i class=\"h\"></i></div><div class=\"sp mn\"><span>Depth 13 mm</span><span>Spacing 150 mm</span><span>180 days</span></div><p class=\"nt\">Station sow, three seeds, thin to the strongest. Do not transplant; it will fork.</p></article>\n<article><span class=\"k\">Sow now</span><h2>Beetroot</h2><p class=\"lt\">Boltardy</p><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><div class=\"sp mn\"><span>Depth 20 mm</span><span>Spacing 100 mm</span><span>80 days</span></div><p class=\"nt\">Each seed is a cluster. Thin at two true leaves and eat the thinnings.</p></article>\n<article><span class=\"k\">Sow now</span><h2>Leek</h2><p class=\"lt\">Musselburgh</p><div class=\"sw\"><i></i><i></i><i class=\"s\"></i><i class=\"s\"></i><i></i><i class=\"p\"></i><i class=\"p\"></i><i></i><i></i><i class=\"h\"></i><i class=\"h\"></i><i class=\"h\"></i></div><div class=\"sp mn\"><span>Depth 10 mm</span><span>Spacing 200 mm</span><span>210 days</span></div><p class=\"nt\">Nursery bed now, transplant in June by dropping into a dibbed hole and watering in.</p></article>\n<article class=\"next\"><span class=\"k\">Next month</span><h2>Courgette</h2><p class=\"lt\">Defender</p><div class=\"sw\"><i></i><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></div><div class=\"sp mn\"><span>Depth 20 mm</span><span>Spacing 900 mm</span><span>55 days</span></div><p class=\"nt\">Sow on edge under cover. Two plants feed a household; three is a mistake people make once.</p></article>\n</section></section>\n</div>",
  "css": "\n.dz-allotment-seedbrowse { background: var(--background); color: var(--foreground); font-family: var(--pv-body); padding: 0 28px 28px; }\n.dz-allotment-seedbrowse .k { text-transform: uppercase; letter-spacing: .14em; font-size: 10.5px; font-weight: 600; color: var(--muted-foreground); }\n.dz-allotment-seedbrowse .mn { font-family: var(--pv-mono); font-size: 13px; }\n\n.dz-allotment-seedbrowse .bn { display: grid; grid-template-columns: repeat(12, 1fr); border-bottom: 1px solid var(--border); margin-bottom: 22px; }\n.dz-allotment-seedbrowse .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-seedbrowse .bn span:last-child { border-right: 0; }\n.dz-allotment-seedbrowse .bn span.on { color: var(--foreground); }\n.dz-allotment-seedbrowse .bn span.on::after { content: \"\"; position: absolute; left: 0; right: 0; bottom: -1px; height: 4px; background: var(--accent); }\n.dz-allotment-seedbrowse .fr { display: flex; align-items: center; gap: 8px; padding-bottom: 16px; border-bottom: 1px solid var(--border); margin-bottom: 20px; }\n.dz-allotment-seedbrowse .fr input { width: 260px; background: var(--card); border: 1px solid var(--border); border-radius: 3px; color: var(--foreground); font: inherit; font-size: 15px; padding: 9px 12px; margin-right: 10px; }\n.dz-allotment-seedbrowse .fr input:focus { outline: none; border-color: var(--primary); }\n.dz-allotment-seedbrowse .ch { text-transform: uppercase; letter-spacing: .14em; font-size: 10.5px; font-weight: 600; border: 1px solid var(--border); border-radius: 3px; padding: 7px 11px; color: var(--muted-foreground); }\n.dz-allotment-seedbrowse .ch.on { border-color: var(--accent); color: var(--accent); }\n.dz-allotment-seedbrowse .ct { color: var(--muted-foreground); margin-left: auto; font-size: 11px; }\n.dz-allotment-seedbrowse .pk { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }\n.dz-allotment-seedbrowse .pk article { background: var(--card); border: 1px solid var(--border); border-top: 4px solid var(--accent); border-radius: 5px; padding: 18px; }\n.dz-allotment-seedbrowse .pk .next { border-top-color: var(--border); }\n.dz-allotment-seedbrowse h2 { font-family: var(--pv-display); font-weight: 600; font-size: 19px; margin: 8px 0 2px; }\n.dz-allotment-seedbrowse .lt { font-style: italic; color: var(--muted-foreground); font-size: 13px; margin: 0 0 14px; }\n\n.dz-allotment-seedbrowse .sw { display: grid; grid-template-columns: repeat(12, 1fr); gap: 2px; }\n.dz-allotment-seedbrowse .sw i { height: 18px; display: block; background: var(--secondary); border-radius: 2px; }\n.dz-allotment-seedbrowse .sw i.s { background: color-mix(in oklab, var(--primary) 35%, transparent); }\n.dz-allotment-seedbrowse .sw i.p { background: color-mix(in oklab, var(--primary) 65%, transparent); }\n.dz-allotment-seedbrowse .sw i.h { background: var(--primary); }\n.dz-allotment-seedbrowse .sp { display: flex; flex-wrap: wrap; gap: 10px; margin: 14px 0 10px; color: var(--muted-foreground); font-size: 11.5px; }\n.dz-allotment-seedbrowse .nt { margin: 0; font-size: 14px; line-height: 1.6; }\n@media (prefers-reduced-motion: reduce) { .dz-allotment-seedbrowse *, .dz-allotment-seedbrowse *::before, .dz-allotment-seedbrowse *::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"
}