{
  "id": "seed-index-account",
  "name": "Grower Account",
  "theme": "seed-index",
  "category": "Settings & Forms",
  "description": "Account settings organised around the garden rather than the customer — frost dates, bed sizes and what was sown last year drive everything else.",
  "layout": "A 1fr/320px split with the garden profile form on the left and a live sowing-window preview on the right that updates from the frost dates.",
  "modules": [
    {
      "key": "head",
      "name": "Account head",
      "html": "\n<header class=\"ah\"><h1>Your garden</h1><p>These settings decide what appears in the sowing band and when reminders are sent. Nothing here is used for marketing.</p></header>"
    },
    {
      "key": "form",
      "name": "Garden form",
      "html": "\n<form class=\"gf\">\n  <fieldset><legend>Location</legend>\n    <div class=\"two\"><label>Postcode<input type=\"text\" value=\"EH9 2AB\"></label><label>Aspect<select><option>South facing</option><option>North facing</option><option>East facing</option><option>West facing</option></select></label></div>\n    <div class=\"two\"><label>Last frost<input type=\"text\" value=\"28 April\"></label><label>First frost<input type=\"text\" value=\"19 October\"></label></div>\n    <p class=\"hint\">Frost dates are prefilled from the nearest station and can be overridden. Ours are usually a fortnight pessimistic for city gardens.</p>\n  </fieldset>\n  <fieldset><legend>Growing space</legend>\n    <div class=\"two\"><label>Beds<input type=\"text\" value=\"3\"></label><label>Total area<input type=\"text\" value=\"9.4 m²\"></label></div>\n    <label class=\"chk\"><input type=\"checkbox\" checked> I have an unheated cold frame or greenhouse</label>\n    <label class=\"chk\"><input type=\"checkbox\"> I have space to raise plants indoors in March</label>\n  </fieldset>\n  <fieldset><legend>Reminders</legend>\n    <label class=\"chk\"><input type=\"checkbox\" checked> Three days before a sowing window closes</label>\n    <label class=\"chk\"><input type=\"checkbox\" checked> When something I ordered last year is back in stock</label>\n    <label class=\"chk\"><input type=\"checkbox\"> Monthly catalogue additions</label>\n  </fieldset>\n  <button type=\"button\" class=\"buy\">Save garden</button>\n</form>"
    },
    {
      "key": "preview",
      "name": "Window preview",
      "html": "\n<aside class=\"wp\"><h2>With these dates</h2>\n<ul>\n  <li><span>Indoors from</span><b class=\"n\">02 Mar</b></li>\n  <li><span>Under cover from</span><b class=\"n\">23 Mar</b></li>\n  <li><span>Outdoors from</span><b class=\"n\">05 May</b></li>\n  <li><span>Last useful sowing</span><b class=\"n\">14 Sep</b></li>\n</ul>\n<p class=\"wn\">That is a 196-day outdoor season, which is nine days longer than the average for your postcode.</p>\n<div class=\"th\"><img src=\"{{ART sprout}}\" alt=\"{{ARTALT sprout}}\"></div></aside>"
    }
  ],
  "moduleCount": 3,
  "reorderable": false,
  "meta": {
    "id": "seed-index-account",
    "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-account.json",
  "structure": "A 1fr/320px split with the garden profile form on the left and a live sowing-window preview on the right that updates from the frost dates.",
  "html": "<div class=\"dz dz-seed-index-account\" data-design=\"seed-index-account\" data-theme=\"seed-index\">\n<section class=\"dz-mod\" data-mod=\"head\" aria-label=\"Account head\">\n<header class=\"ah\"><h1>Your garden</h1><p>These settings decide what appears in the sowing band and when reminders are sent. Nothing here is used for marketing.</p></header></section><div class=\"cols\"><section class=\"dz-mod\" data-mod=\"form\" aria-label=\"Garden form\">\n<form class=\"gf\">\n  <fieldset><legend>Location</legend>\n    <div class=\"two\"><label>Postcode<input type=\"text\" value=\"EH9 2AB\"></label><label>Aspect<select><option>South facing</option><option>North facing</option><option>East facing</option><option>West facing</option></select></label></div>\n    <div class=\"two\"><label>Last frost<input type=\"text\" value=\"28 April\"></label><label>First frost<input type=\"text\" value=\"19 October\"></label></div>\n    <p class=\"hint\">Frost dates are prefilled from the nearest station and can be overridden. Ours are usually a fortnight pessimistic for city gardens.</p>\n  </fieldset>\n  <fieldset><legend>Growing space</legend>\n    <div class=\"two\"><label>Beds<input type=\"text\" value=\"3\"></label><label>Total area<input type=\"text\" value=\"9.4 m²\"></label></div>\n    <label class=\"chk\"><input type=\"checkbox\" checked> I have an unheated cold frame or greenhouse</label>\n    <label class=\"chk\"><input type=\"checkbox\"> I have space to raise plants indoors in March</label>\n  </fieldset>\n  <fieldset><legend>Reminders</legend>\n    <label class=\"chk\"><input type=\"checkbox\" checked> Three days before a sowing window closes</label>\n    <label class=\"chk\"><input type=\"checkbox\" checked> When something I ordered last year is back in stock</label>\n    <label class=\"chk\"><input type=\"checkbox\"> Monthly catalogue additions</label>\n  </fieldset>\n  <button type=\"button\" class=\"buy\">Save garden</button>\n</form></section><section class=\"dz-mod\" data-mod=\"preview\" aria-label=\"Window preview\">\n<aside class=\"wp\"><h2>With these dates</h2>\n<ul>\n  <li><span>Indoors from</span><b class=\"n\">02 Mar</b></li>\n  <li><span>Under cover from</span><b class=\"n\">23 Mar</b></li>\n  <li><span>Outdoors from</span><b class=\"n\">05 May</b></li>\n  <li><span>Last useful sowing</span><b class=\"n\">14 Sep</b></li>\n</ul>\n<p class=\"wn\">That is a 196-day outdoor season, which is nine days longer than the average for your postcode.</p>\n<div class=\"th\"><img src=\"https://designlookbook.dev/assets/img/seed-index-sprout.webp\" alt=\"A single sprout emerging from pale soil\"></div></aside></section></div>\n</div>",
  "css": "\n.dz-seed-index-account { background: var(--background); color: var(--foreground); font-family: var(--pv-body); padding: 30px; max-width: 1080px; margin: 0 auto; }\n.dz-seed-index-account .ah { margin-bottom: 24px; }\n.dz-seed-index-account h1 { font-family: var(--pv-display); font-size: 28px; font-weight: 700; margin: 0 0 6px; }\n.dz-seed-index-account .ah p { margin: 0; font-size: 13.5px; color: var(--muted-foreground); max-width: 64ch; }\n.dz-seed-index-account .cols { display: grid; grid-template-columns: 1fr 320px; gap: 30px; align-items: start; }\n.dz-seed-index-account fieldset { border: 0; margin: 0 0 22px; padding: 20px; background: var(--card); border-radius: var(--pv-radius); box-shadow: 0 6px 20px -8px color-mix(in oklab, var(--foreground) 22%, transparent); }\n.dz-seed-index-account legend { font-family: var(--pv-display); font-size: 17px; font-weight: 600; padding: 0 0 12px; }\n.dz-seed-index-account .two { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-bottom: 12px; }\n.dz-seed-index-account label { display: block; font-family: var(--pv-mono); font-size: 12.5px; font-weight: 500; color: var(--muted-foreground); }\n.dz-seed-index-account input[type=text], .dz-seed-index-account select { display: block; width: 100%; margin-top: 5px; padding: 11px 13px; font: inherit; font-size: 14px; background: var(--background); border: 0; border-radius: var(--pv-radius-md); color: var(--foreground); }\n.dz-seed-index-account .chk { display: flex; gap: 10px; align-items: center; font-family: var(--pv-body); font-size: 13.5px; color: var(--foreground); padding: 7px 0; }\n.dz-seed-index-account .hint { font-size: 12.5px; color: var(--muted-foreground); margin: 6px 0 0; line-height: 1.5; }\n.dz-seed-index-account .buy { background: var(--accent); color: var(--accent-foreground); border: 0; padding: 13px 30px; border-radius: 9999px; font: inherit; font-weight: 700; font-size: 14px; cursor: pointer; }\n.dz-seed-index-account .wp { background: var(--card); border-radius: var(--pv-radius); padding: 22px; box-shadow: 0 6px 20px -8px color-mix(in oklab, var(--foreground) 22%, transparent); position: sticky; top: 20px; }\n.dz-seed-index-account h2 { font-family: var(--pv-display); font-size: 19px; font-weight: 600; margin: 0 0 14px; }\n.dz-seed-index-account .wp ul { list-style: none; margin: 0 0 14px; padding: 0; }\n.dz-seed-index-account .wp li { display: flex; justify-content: space-between; align-items: baseline; padding: 9px 0; border-bottom: 1px solid var(--border); font-size: 13.5px; }\n.dz-seed-index-account .n { font-family: var(--pv-mono); font-size: 15px; }\n.dz-seed-index-account .wn { font-size: 13px; color: var(--muted-foreground); margin: 0 0 16px; line-height: 1.55; }\n.dz-seed-index-account .th img { width: 100%; height: 130px; object-fit: cover; border-radius: var(--pv-radius-sm); display: block; filter: var(--img-filter); }\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"
}