{
  "id": "reed-bed-almanac",
  "name": "Almanac",
  "theme": "reed-bed",
  "category": "Editorial",
  "description": "A long-form catchment note where the level strips appear inline in the prose, so a sentence about a nitrate figure carries the figure’s band with it.",
  "layout": "A 68ch reading column with inline level strips set into the paragraphs and a full-bleed cool photograph breaking the column once.",
  "modules": [
    {
      "key": "open",
      "name": "Article opening",
      "html": "\n<article class=\"ar\"><span class=\"k\">Catchment note · March</span><h1>What the wet winter did to Kilcarn</h1><p class=\"ld\">Between November and February the catchment took a hundred and forty per cent of its long-term average rainfall, and almost all of it arrived in eleven days. This note describes what that did to the nitrate signal and why the answer is not simply “diluted it”.</p></article>"
    },
    {
      "key": "body",
      "name": "Body with inline levels",
      "html": "\n<article class=\"ar\"><p>The quarterly mean at Mill Weir came in at <span class=\"lv il\"><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</em></span>, which is comfortably inside the band and about four milligrams below the same quarter last year. Read alone, that is a good news story.</p><p>The daily record says something else. On 14 January, twelve hours after the peak flow, Ford Lane outfall reached <span class=\"lv il over\"><span class=\"tk\"><i class=\"bd2\" style=\"left:0;right:38%\"></i><u class=\"mk\" style=\"left:88%\"></u></span><b class=\"fig\">54.1</b><em class=\"un\">mg/l</em></span> — the highest single value recorded at that site in nine years. Dilution and flushing are not the same process, and a quarterly mean cannot tell them apart.</p></article>"
    },
    {
      "key": "plate",
      "name": "Full-bleed plate",
      "html": "\n<figure class=\"pl\"><img src=\"{{ART weir}}\" alt=\"{{ARTALT weir}}\"><figcaption>The sluice at Mill Weir on 14 January, an hour before the peak. Photograph by the catchment team.</figcaption></figure>"
    },
    {
      "key": "close",
      "name": "Closing section",
      "html": "\n<article class=\"ar\"><h2>What we are changing</h2><p>From April the Ford Lane sampler moves to two-hourly during any event above the 90th percentile flow. Quarterly means will still be reported because the permit requires them, but they will be published beside the event record rather than instead of it.</p><p class=\"by\">H. Aldwyn · Catchment Science</p></article>"
    }
  ],
  "moduleCount": 4,
  "reorderable": true,
  "meta": {
    "id": "reed-bed-almanac",
    "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-almanac.json",
  "structure": "A 68ch reading column with inline level strips set into the paragraphs and a full-bleed cool photograph breaking the column once.",
  "html": "<div class=\"dz dz-reed-bed-almanac\" data-design=\"reed-bed-almanac\" data-theme=\"reed-bed\">\n<section class=\"dz-mod\" data-mod=\"open\" aria-label=\"Article opening\">\n<article class=\"ar\"><span class=\"k\">Catchment note · March</span><h1>What the wet winter did to Kilcarn</h1><p class=\"ld\">Between November and February the catchment took a hundred and forty per cent of its long-term average rainfall, and almost all of it arrived in eleven days. This note describes what that did to the nitrate signal and why the answer is not simply “diluted it”.</p></article></section>\n<section class=\"dz-mod\" data-mod=\"body\" aria-label=\"Body with inline levels\">\n<article class=\"ar\"><p>The quarterly mean at Mill Weir came in at <span class=\"lv il\"><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</em></span>, which is comfortably inside the band and about four milligrams below the same quarter last year. Read alone, that is a good news story.</p><p>The daily record says something else. On 14 January, twelve hours after the peak flow, Ford Lane outfall reached <span class=\"lv il over\"><span class=\"tk\"><i class=\"bd2\" style=\"left:0;right:38%\"></i><u class=\"mk\" style=\"left:88%\"></u></span><b class=\"fig\">54.1</b><em class=\"un\">mg/l</em></span> — the highest single value recorded at that site in nine years. Dilution and flushing are not the same process, and a quarterly mean cannot tell them apart.</p></article></section>\n<section class=\"dz-mod\" data-mod=\"plate\" aria-label=\"Full-bleed plate\">\n<figure class=\"pl\"><img src=\"https://designlookbook.dev/assets/img/reed-bed-weir.webp\" alt=\"A stepped concrete sluice with green algae on the wet stone\"><figcaption>The sluice at Mill Weir on 14 January, an hour before the peak. Photograph by the catchment team.</figcaption></figure></section>\n<section class=\"dz-mod\" data-mod=\"close\" aria-label=\"Closing section\">\n<article class=\"ar\"><h2>What we are changing</h2><p>From April the Ford Lane sampler moves to two-hourly during any event above the 90th percentile flow. Quarterly means will still be reported because the permit requires them, but they will be published beside the event record rather than instead of it.</p><p class=\"by\">H. Aldwyn · Catchment Science</p></article></section>\n</div>",
  "css": "\n.dz-reed-bed-almanac { background: var(--background); color: var(--foreground); font-family: var(--pv-body); padding: 44px 0; }\n.dz-reed-bed-almanac .k { text-transform: uppercase; letter-spacing: .15em; font-size: 10.5px; font-weight: 600; color: var(--muted-foreground); }\n.dz-reed-bed-almanac .ar { max-width: 68ch; margin: 0 auto; padding: 0 28px; }\n.dz-reed-bed-almanac h1 { font-family: var(--pv-display); font-weight: 600; font-size: 50px; line-height: 1.1; letter-spacing: -.02em; margin: 8px 0 16px; }\n.dz-reed-bed-almanac h2 { font-family: var(--pv-display); font-weight: 600; font-size: 29px; margin: 24px 0 8px; }\n.dz-reed-bed-almanac .ld { font-size: 16px; line-height: 1.62; margin: 0 0 16px; }\n.dz-reed-bed-almanac .ar p { font-size: 14.5px; line-height: 1.7; margin: 0 0 16px; }\n.dz-reed-bed-almanac .ld { font-size: 16px; }\n\n.dz-reed-bed-almanac .lv { display: flex; align-items: center; gap: 10px; }\n.dz-reed-bed-almanac .tk { position: relative; width: 140px; height: 6px; background: var(--secondary); border-radius: 3px; }\n.dz-reed-bed-almanac .bd2 { position: absolute; top: 0; bottom: 0; background: color-mix(in oklab, var(--accent) 30%, transparent); border-radius: 3px; }\n.dz-reed-bed-almanac .mk { position: absolute; top: -4px; width: 3px; height: 14px; background: var(--accent); border-radius: 1px; }\n.dz-reed-bed-almanac .over .mk { background: var(--destructive); }\n.dz-reed-bed-almanac .fig { font-family: var(--pv-mono); font-size: 12.5px; }\n.dz-reed-bed-almanac .over .fig { color: var(--destructive); }\n.dz-reed-bed-almanac .un { font-size: 13px; color: var(--muted-foreground); }\n.dz-reed-bed-almanac .il { display: inline-flex; vertical-align: middle; gap: 6px; margin: 0 2px; }\n.dz-reed-bed-almanac .il .tk { width: 70px; }\n.dz-reed-bed-almanac .pl { margin: 24px 0; }\n.dz-reed-bed-almanac .pl img { width: 100%; height: 340px; object-fit: cover; display: block; filter: var(--img-filter); }\n.dz-reed-bed-almanac figcaption { max-width: 68ch; margin: 8px auto 0; padding: 0 28px; font-family: var(--pv-mono); font-size: 12.5px; color: var(--muted-foreground); }\n.dz-reed-bed-almanac .by { text-transform: uppercase; letter-spacing: .15em; font-size: 10.5px; font-weight: 600; color: var(--muted-foreground); margin-top: 24px; }\n@media (prefers-reduced-motion: reduce) { .dz-reed-bed-almanac *, .dz-reed-bed-almanac *::before, .dz-reed-bed-almanac *::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"
}