{
  "id": "reed-bed-adopt",
  "name": "Adopt a Reach",
  "theme": "reed-bed",
  "category": "Marketing",
  "description": "A conservation appeal that shows the reach you would fund as three level strips, so the ask is stated in the same units as the outcome.",
  "layout": "A cool hero image with an offset serif title, then reach cards that are ruled blocks rather than boxes, each carrying its current levels.",
  "modules": [
    {
      "key": "hero",
      "name": "Appeal hero",
      "html": "\n<header class=\"hr\"><img src=\"{{ART hero}}\" alt=\"{{ARTALT hero}}\"><div class=\"ov\"><span class=\"k\">Kilcarn Trust</span><h1>Adopt a reach</h1><p>Four hundred metres of river, monitored fortnightly, for a year. You get the readings; the reach gets the sampler.</p></div></header>"
    },
    {
      "key": "reaches",
      "name": "Reach blocks",
      "html": "\n<section class=\"rc\">\n<article><div class=\"hd2\"><h2>Ford Lane</h2><span class=\"pr\">£340 / year</span></div><p>The hardest reach in the catchment. Two open nitrate exceedances and an outfall that has not been surveyed since 2019.</p><div class=\"lvs\"><span class=\"lv over\"><span class=\"tk\"><i class=\"bd2\" style=\"left:0;right:38%\"></i><u class=\"mk\" style=\"left:81%\"></u></span><b class=\"fig\">51.4</b><em class=\"un\">mg/l NO₃</em></span><span class=\"lv\"><span class=\"tk\"><i class=\"bd2\" style=\"left:0;right:45%\"></i><u class=\"mk\" style=\"left:40%\"></u></span><b class=\"fig\">0.088</b><em class=\"un\">mg/l P</em></span></div><button class=\"pri\">Adopt Ford Lane</button></article>\n<article><div class=\"hd2\"><h2>Mill Weir</h2><span class=\"pr\">£280 / year</span></div><p>Stable, well-recorded and useful as a reference. Adopting it funds the baseline everything else is measured against.</p><div class=\"lvs\"><span class=\"lv\"><span class=\"tk\"><i class=\"bd2\" style=\"left:0;right:38%\"></i><u class=\"mk\" style=\"left:36%\"></u></span><b class=\"fig\">22.7</b><em class=\"un\">mg/l NO₃</em></span><span class=\"lv\"><span class=\"tk\"><i class=\"bd2\" style=\"left:0;right:45%\"></i><u class=\"mk\" style=\"left:22%\"></u></span><b class=\"fig\">0.042</b><em class=\"un\">mg/l P</em></span></div><button class=\"gh\">Adopt Mill Weir</button></article>\n<article><div class=\"hd2\"><h2>Aughrim confluence</h2><span class=\"pr\">£310 / year</span></div><p>Where two catchments meet, which makes it the most argued-over reading in the county and the one most worth having properly.</p><div class=\"lvs\"><span class=\"lv\"><span class=\"tk\"><i class=\"bd2\" style=\"left:0;right:38%\"></i><u class=\"mk\" style=\"left:50%\"></u></span><b class=\"fig\">31.9</b><em class=\"un\">mg/l NO₃</em></span><span class=\"lv over\"><span class=\"tk\"><i class=\"bd2\" style=\"left:42%;right:0\"></i><u class=\"mk\" style=\"left:31%\"></u></span><b class=\"fig\">6.1</b><em class=\"un\">mg/l DO</em></span></div><button class=\"gh\">Adopt Aughrim</button></article>\n</section>"
    },
    {
      "key": "what",
      "name": "What you get",
      "html": "\n<footer class=\"wg\"><span class=\"k\">What an adoption pays for</span><div class=\"cols\"><p>A sampler's time, fortnightly, for twelve months.</p><p>Laboratory analysis of four determinands per visit.</p><p>Publication of every reading, including the bad ones.</p></div></footer>"
    }
  ],
  "moduleCount": 3,
  "reorderable": true,
  "meta": {
    "id": "reed-bed-adopt",
    "model": "Claude Opus 5",
    "author": "Claude Code",
    "createdAt": "2026-09-02T01:12:17+09:00",
    "updatedAt": "2026-09-02T01:12:17+09:00",
    "version": "1.0.0",
    "isNew": false
  },
  "link": "/api/v1/designs/reed-bed-adopt.json",
  "structure": "A cool hero image with an offset serif title, then reach cards that are ruled blocks rather than boxes, each carrying its current levels.",
  "html": "<div class=\"dz dz-reed-bed-adopt\" data-design=\"reed-bed-adopt\" data-theme=\"reed-bed\">\n<section class=\"dz-mod\" data-mod=\"hero\" aria-label=\"Appeal hero\">\n<header class=\"hr\"><img src=\"https://designlookbook.dev/assets/img/reed-bed-hero.webp\" alt=\"A concrete weir with water sliding over its lip under grey light\"><div class=\"ov\"><span class=\"k\">Kilcarn Trust</span><h1>Adopt a reach</h1><p>Four hundred metres of river, monitored fortnightly, for a year. You get the readings; the reach gets the sampler.</p></div></header></section>\n<section class=\"dz-mod\" data-mod=\"reaches\" aria-label=\"Reach blocks\">\n<section class=\"rc\">\n<article><div class=\"hd2\"><h2>Ford Lane</h2><span class=\"pr\">£340 / year</span></div><p>The hardest reach in the catchment. Two open nitrate exceedances and an outfall that has not been surveyed since 2019.</p><div class=\"lvs\"><span class=\"lv over\"><span class=\"tk\"><i class=\"bd2\" style=\"left:0;right:38%\"></i><u class=\"mk\" style=\"left:81%\"></u></span><b class=\"fig\">51.4</b><em class=\"un\">mg/l NO₃</em></span><span class=\"lv\"><span class=\"tk\"><i class=\"bd2\" style=\"left:0;right:45%\"></i><u class=\"mk\" style=\"left:40%\"></u></span><b class=\"fig\">0.088</b><em class=\"un\">mg/l P</em></span></div><button class=\"pri\">Adopt Ford Lane</button></article>\n<article><div class=\"hd2\"><h2>Mill Weir</h2><span class=\"pr\">£280 / year</span></div><p>Stable, well-recorded and useful as a reference. Adopting it funds the baseline everything else is measured against.</p><div class=\"lvs\"><span class=\"lv\"><span class=\"tk\"><i class=\"bd2\" style=\"left:0;right:38%\"></i><u class=\"mk\" style=\"left:36%\"></u></span><b class=\"fig\">22.7</b><em class=\"un\">mg/l NO₃</em></span><span class=\"lv\"><span class=\"tk\"><i class=\"bd2\" style=\"left:0;right:45%\"></i><u class=\"mk\" style=\"left:22%\"></u></span><b class=\"fig\">0.042</b><em class=\"un\">mg/l P</em></span></div><button class=\"gh\">Adopt Mill Weir</button></article>\n<article><div class=\"hd2\"><h2>Aughrim confluence</h2><span class=\"pr\">£310 / year</span></div><p>Where two catchments meet, which makes it the most argued-over reading in the county and the one most worth having properly.</p><div class=\"lvs\"><span class=\"lv\"><span class=\"tk\"><i class=\"bd2\" style=\"left:0;right:38%\"></i><u class=\"mk\" style=\"left:50%\"></u></span><b class=\"fig\">31.9</b><em class=\"un\">mg/l NO₃</em></span><span class=\"lv over\"><span class=\"tk\"><i class=\"bd2\" style=\"left:42%;right:0\"></i><u class=\"mk\" style=\"left:31%\"></u></span><b class=\"fig\">6.1</b><em class=\"un\">mg/l DO</em></span></div><button class=\"gh\">Adopt Aughrim</button></article>\n</section></section>\n<section class=\"dz-mod\" data-mod=\"what\" aria-label=\"What you get\">\n<footer class=\"wg\"><span class=\"k\">What an adoption pays for</span><div class=\"cols\"><p>A sampler's time, fortnightly, for twelve months.</p><p>Laboratory analysis of four determinands per visit.</p><p>Publication of every reading, including the bad ones.</p></div></footer></section>\n</div>",
  "css": "\n.dz-reed-bed-adopt { background: var(--background); color: var(--foreground); font-family: var(--pv-body); }\n.dz-reed-bed-adopt .k { text-transform: uppercase; letter-spacing: .15em; font-size: 10.5px; font-weight: 600; color: var(--muted-foreground); }\n.dz-reed-bed-adopt .hr { position: relative; }\n.dz-reed-bed-adopt .hr img { width: 100%; height: 420px; object-fit: cover; display: block; filter: var(--img-filter); }\n.dz-reed-bed-adopt .ov { position: absolute; left: 28px; bottom: 28px; max-width: 54ch; }\n.dz-reed-bed-adopt .ov .k { color: var(--primary-foreground); opacity: .9; }\n.dz-reed-bed-adopt h1 { font-family: var(--pv-display); font-weight: 600; font-size: 50px; line-height: 1.1; letter-spacing: -.02em; margin: 8px 0 10px; color: var(--primary-foreground); }\n.dz-reed-bed-adopt .ov p { margin: 0; font-size: 16px; line-height: 1.62; color: var(--primary-foreground); opacity: .92; }\n.dz-reed-bed-adopt .rc { padding: 28px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; }\n.dz-reed-bed-adopt .rc article { border-top: 2px solid var(--primary); padding-top: 14px; }\n.dz-reed-bed-adopt .hd2 { display: flex; align-items: baseline; gap: 12px; margin-bottom: 8px; }\n.dz-reed-bed-adopt h2 { font-family: var(--pv-display); font-weight: 600; font-size: 19px; margin: 0; }\n.dz-reed-bed-adopt .pr { font-family: var(--pv-mono); font-size: 12.5px; color: var(--accent); margin-left: auto; }\n.dz-reed-bed-adopt .rc p { margin: 0 0 14px; font-size: 14.5px; line-height: 1.62; color: var(--muted-foreground); }\n.dz-reed-bed-adopt .lvs { display: flex; flex-direction: column; gap: 8px; margin-bottom: 16px; }\n\n.dz-reed-bed-adopt .lv { display: flex; align-items: center; gap: 10px; }\n.dz-reed-bed-adopt .tk { position: relative; width: 140px; height: 6px; background: var(--secondary); border-radius: 3px; }\n.dz-reed-bed-adopt .bd2 { position: absolute; top: 0; bottom: 0; background: color-mix(in oklab, var(--accent) 30%, transparent); border-radius: 3px; }\n.dz-reed-bed-adopt .mk { position: absolute; top: -4px; width: 3px; height: 14px; background: var(--accent); border-radius: 1px; }\n.dz-reed-bed-adopt .over .mk { background: var(--destructive); }\n.dz-reed-bed-adopt .fig { font-family: var(--pv-mono); font-size: 12.5px; }\n.dz-reed-bed-adopt .over .fig { color: var(--destructive); }\n.dz-reed-bed-adopt .un { font-size: 13px; color: var(--muted-foreground); }\n.dz-reed-bed-adopt button { width: 100%; border-radius: 2px; padding: 11px; font: inherit; cursor: pointer; }\n.dz-reed-bed-adopt .pri { background: var(--primary); color: var(--primary-foreground); border: 0; }\n.dz-reed-bed-adopt .gh { background: transparent; color: var(--foreground); border: 1px solid var(--border); }\n.dz-reed-bed-adopt .wg { padding: 0 28px 44px; }\n.dz-reed-bed-adopt .cols { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; margin-top: 10px; padding-top: 14px; border-top: 1px solid var(--border); }\n.dz-reed-bed-adopt .cols p { margin: 0; font-size: 14.5px; line-height: 1.62; }\n@media (prefers-reduced-motion: reduce) { .dz-reed-bed-adopt *, .dz-reed-bed-adopt *::before, .dz-reed-bed-adopt *::after { transition-duration: 1ms !important; animation-duration: 1ms !important; } }\n",
  "requiredTheme": "/api/v1/themes/reed-bed.json",
  "googleFontsHref": "https://fonts.googleapis.com/css2?family=Petrona:wght@400;500;600;700&family=Asap:wght@400;500;600;700&family=Cousine:wght@400;500;600;700&display=swap"
}