{
  "id": "seed-index-front",
  "name": "Nursery Front",
  "theme": "seed-index",
  "category": "Landing",
  "description": "A catalogue front page that opens on the sowing calendar rather than a hero photograph, because the first question a customer has is what can go in now.",
  "layout": "A wide rounded hero card, then a 12-cell month band with the current month raised, over a three-up collection row.",
  "modules": [
    {
      "key": "hero",
      "name": "Hero card",
      "html": "\n<header class=\"hr\"><img src=\"{{ART hero}}\" alt=\"{{ARTALT hero}}\"><div class=\"ht\"><h1>Seed, in small quantities, for people with small gardens</h1><p>Packets are sized for a bed, not a field. Everything is open-pollinated, everything is tested for germination in the autumn before it is listed, and anything below 80% is not listed at all.</p><a class=\"buy\" href=\"#\">Start an order</a></div></header>"
    },
    {
      "key": "months",
      "name": "Sowing band",
      "html": "\n<section class=\"mb\"><h2>Sow this month</h2><ul>\n<li><span>Jan</span><b class=\"n\">4</b></li><li><span>Feb</span><b class=\"n\">9</b></li><li class=\"on\"><span>Mar</span><b class=\"n\">27</b></li><li><span>Apr</span><b class=\"n\">31</b></li><li><span>May</span><b class=\"n\">28</b></li><li><span>Jun</span><b class=\"n\">22</b></li><li><span>Jul</span><b class=\"n\">19</b></li><li><span>Aug</span><b class=\"n\">16</b></li><li><span>Sep</span><b class=\"n\">11</b></li><li><span>Oct</span><b class=\"n\">7</b></li><li><span>Nov</span><b class=\"n\">3</b></li><li><span>Dec</span><b class=\"n\">2</b></li>\n</ul><p class=\"mn2\">Twenty-seven varieties can be sown in March, twelve of them outdoors without protection.</p></section>"
    },
    {
      "key": "colls",
      "name": "Collections",
      "html": "\n<section class=\"cl\">\n  <a href=\"#\"><img src=\"{{ART seeds}}\" alt=\"{{ARTALT seeds}}\"><h3>The one-bed collection</h3><p>Nine packets that fill a 1.2 × 2.4 metre bed from March to October without a gap.</p><span class=\"pr\">£18.50</span></a>\n  <a href=\"#\"><img src=\"{{ART crate}}\" alt=\"{{ARTALT crate}}\"><h3>Cut-and-come-again</h3><p>Six leaves that regrow at least three times. For balconies and window boxes.</p><span class=\"pr\">£11.40</span></a>\n  <a href=\"#\"><img src=\"{{ART sprout}}\" alt=\"{{ARTALT sprout}}\"><h3>Winter under cover</h3><p>Five hardy varieties for an unheated frame, sown August and cropping to March.</p><span class=\"pr\">£9.80</span></a>\n</section>"
    },
    {
      "key": "note",
      "name": "Testing note",
      "html": "\n<aside class=\"tn\"><h2>How we decide what to list</h2><p>Every lot is germination-tested in October on damp paper at 18 °C, a hundred seeds at a time, counted at seven and fourteen days. The result is printed on the packet with the date it was tested. Lots below 80% are composted rather than discounted, which is why the list is shorter some years than others.</p></aside>"
    }
  ],
  "moduleCount": 4,
  "reorderable": true,
  "meta": {
    "id": "seed-index-front",
    "model": "Claude Opus 5",
    "author": "Claude Code",
    "createdAt": "2026-09-02T00:18:22+09:00",
    "updatedAt": "2026-09-02T00:18:22+09:00",
    "version": "1.0.0",
    "isNew": false
  },
  "link": "/api/v1/designs/seed-index-front.json",
  "structure": "A wide rounded hero card, then a 12-cell month band with the current month raised, over a three-up collection row.",
  "html": "<div class=\"dz dz-seed-index-front\" data-design=\"seed-index-front\" data-theme=\"seed-index\">\n<section class=\"dz-mod\" data-mod=\"hero\" aria-label=\"Hero card\">\n<header class=\"hr\"><img src=\"https://designlookbook.dev/assets/img/seed-index-hero.webp\" alt=\"Seedlings in paper pots on a pale bench\"><div class=\"ht\"><h1>Seed, in small quantities, for people with small gardens</h1><p>Packets are sized for a bed, not a field. Everything is open-pollinated, everything is tested for germination in the autumn before it is listed, and anything below 80% is not listed at all.</p><a class=\"buy\" href=\"#\">Start an order</a></div></header></section>\n<section class=\"dz-mod\" data-mod=\"months\" aria-label=\"Sowing band\">\n<section class=\"mb\"><h2>Sow this month</h2><ul>\n<li><span>Jan</span><b class=\"n\">4</b></li><li><span>Feb</span><b class=\"n\">9</b></li><li class=\"on\"><span>Mar</span><b class=\"n\">27</b></li><li><span>Apr</span><b class=\"n\">31</b></li><li><span>May</span><b class=\"n\">28</b></li><li><span>Jun</span><b class=\"n\">22</b></li><li><span>Jul</span><b class=\"n\">19</b></li><li><span>Aug</span><b class=\"n\">16</b></li><li><span>Sep</span><b class=\"n\">11</b></li><li><span>Oct</span><b class=\"n\">7</b></li><li><span>Nov</span><b class=\"n\">3</b></li><li><span>Dec</span><b class=\"n\">2</b></li>\n</ul><p class=\"mn2\">Twenty-seven varieties can be sown in March, twelve of them outdoors without protection.</p></section></section>\n<section class=\"dz-mod\" data-mod=\"colls\" aria-label=\"Collections\">\n<section class=\"cl\">\n  <a href=\"#\"><img src=\"https://designlookbook.dev/assets/img/seed-index-seeds.webp\" alt=\"Assorted seeds arranged in a grid on pale paper\"><h3>The one-bed collection</h3><p>Nine packets that fill a 1.2 × 2.4 metre bed from March to October without a gap.</p><span class=\"pr\">£18.50</span></a>\n  <a href=\"#\"><img src=\"https://designlookbook.dev/assets/img/seed-index-crate.webp\" alt=\"A shallow crate of leafy produce shot from above\"><h3>Cut-and-come-again</h3><p>Six leaves that regrow at least three times. For balconies and window boxes.</p><span class=\"pr\">£11.40</span></a>\n  <a href=\"#\"><img src=\"https://designlookbook.dev/assets/img/seed-index-sprout.webp\" alt=\"A single sprout emerging from pale soil\"><h3>Winter under cover</h3><p>Five hardy varieties for an unheated frame, sown August and cropping to March.</p><span class=\"pr\">£9.80</span></a>\n</section></section>\n<section class=\"dz-mod\" data-mod=\"note\" aria-label=\"Testing note\">\n<aside class=\"tn\"><h2>How we decide what to list</h2><p>Every lot is germination-tested in October on damp paper at 18 °C, a hundred seeds at a time, counted at seven and fourteen days. The result is printed on the packet with the date it was tested. Lots below 80% are composted rather than discounted, which is why the list is shorter some years than others.</p></aside></section>\n</div>",
  "css": "\n.dz-seed-index-front { background: var(--background); color: var(--foreground); font-family: var(--pv-body); padding: 30px; display: grid; gap: 30px; }\n.dz-seed-index-front .hr { background: var(--card); border-radius: var(--pv-radius-xl); overflow: hidden; display: grid; grid-template-columns: 1fr 1fr; box-shadow: 0 6px 20px -8px color-mix(in oklab, var(--foreground) 22%, transparent); }\n.dz-seed-index-front .hr img { width: 100%; height: 100%; min-height: 300px; object-fit: cover; display: block; filter: var(--img-filter); }\n.dz-seed-index-front .ht { padding: 34px; align-self: center; }\n.dz-seed-index-front h1 { font-family: var(--pv-display); font-size: 40px; font-weight: 700; line-height: 1.12; margin: 0 0 14px; letter-spacing: -.02em; }\n.dz-seed-index-front .ht p { margin: 0 0 22px; font-size: 15px; line-height: 1.62; color: var(--muted-foreground); }\n.dz-seed-index-front .buy { display: inline-block; background: var(--accent); color: var(--accent-foreground); padding: 13px 26px; border-radius: 9999px; text-decoration: none; font-weight: 700; font-size: 14px; }\n.dz-seed-index-front h2 { font-family: var(--pv-display); font-size: 19px; font-weight: 600; margin: 0 0 14px; }\n.dz-seed-index-front .mb ul { list-style: none; display: grid; grid-template-columns: repeat(12, 1fr); gap: 8px; margin: 0; padding: 0; }\n.dz-seed-index-front .mb li { background: var(--card); border-radius: var(--pv-radius); padding: 12px 4px; text-align: center; box-shadow: 0 6px 20px -8px color-mix(in oklab, var(--foreground) 22%, transparent); }\n.dz-seed-index-front .mb li.on { background: var(--primary); color: var(--primary-foreground); }\n.dz-seed-index-front .mb span { display: block; font-family: var(--pv-mono); font-size: 12.5px; font-weight: 500; opacity: .7; }\n.dz-seed-index-front .n { font-family: var(--pv-mono); font-size: 20px; font-weight: 500; }\n.dz-seed-index-front .mn2 { font-size: 13px; color: var(--muted-foreground); margin: 12px 0 0; }\n.dz-seed-index-front .cl { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }\n.dz-seed-index-front .cl a { background: var(--card); border-radius: var(--pv-radius); padding: 14px; text-decoration: none; color: var(--foreground); box-shadow: 0 6px 20px -8px color-mix(in oklab, var(--foreground) 22%, transparent); display: block; }\n.dz-seed-index-front .cl img { width: 100%; height: 150px; object-fit: cover; border-radius: var(--pv-radius-sm); display: block; filter: var(--img-filter); }\n.dz-seed-index-front .cl h3 { font-family: var(--pv-display); font-size: 19px; font-weight: 600; margin: 12px 0 6px; }\n.dz-seed-index-front .cl p { margin: 0 0 12px; font-size: 13px; color: var(--muted-foreground); line-height: 1.5; }\n.dz-seed-index-front .pr { font-family: var(--pv-mono); font-size: 15px; }\n.dz-seed-index-front .tn { background: var(--secondary); border-radius: var(--pv-radius); padding: 26px; }\n.dz-seed-index-front .tn p { margin: 0; font-size: 14.5px; line-height: 1.68; max-width: 64ch; }\n",
  "requiredTheme": "/api/v1/themes/seed-index.json",
  "googleFontsHref": "https://fonts.googleapis.com/css2?family=Bitter:wght@400;500;600;700&family=Mulish:wght@400;500;600;700&family=Sometype+Mono:wght@400;500;600;700&display=swap"
}