{
  "id": "slate-brief-library",
  "name": "Note Library",
  "theme": "slate-brief",
  "category": "Search & Browse",
  "description": "A publication archive filtered by sector and year using plain text links, where each result shows its first sentence rather than a summary written for search engines.",
  "layout": "A filter line of text links across the top, then a two-column result grid where the left column is dates and sectors and the right runs at 68ch with no cards.",
  "modules": [
    {
      "key": "head",
      "name": "Header",
      "html": "\n<header class=\"hd\"><h1>Notes</h1><p>Every note we have published, including the ones that turned out to be wrong.</p><div class=\"sr\"><input type=\"search\" value=\"interconnector\" aria-label=\"Search notes\"><button type=\"button\">Search</button></div></header>"
    },
    {
      "key": "filters",
      "name": "Filter line",
      "html": "\n<div class=\"fl\"><span class=\"k\">Sector</span><a class=\"on\" href=\"#\">All</a><a href=\"#\">Energy</a><a href=\"#\">Water</a><a href=\"#\">Transport</a><a href=\"#\">Telecoms</a><span class=\"sep\"></span><span class=\"k\">Year</span><a href=\"#\">2026</a><a href=\"#\">2025</a><a href=\"#\">2024</a><a class=\"on\" href=\"#\">All years</a><span class=\"ct\">41 notes</span></div>"
    },
    {
      "key": "results",
      "name": "Results",
      "html": "\n<ol class=\"rs\">\n  <li><div class=\"mt\"><span class=\"d\">04 Sep 2026</span><span class=\"sc\">Energy</span><span class=\"pp\">9 pages</span></div><div><h2>Why the interconnector will not fix the winter peak</h2><p>The argument for the second interconnector rests on an assumption that has not been true in any of the last four winters.</p></div></li>\n  <li><div class=\"mt\"><span class=\"d\">02 Jul 2026</span><span class=\"sc\">Energy</span><span class=\"pp\">11 pages</span></div><div><h2>Grid connection queues after the reform</h2><p>Six months into the new regime, 41 projects have moved and 380 have not, and the difference is not what the reform was designed around.</p></div></li>\n  <li><div class=\"mt\"><span class=\"d\">14 May 2026</span><span class=\"sc\">Transport</span><span class=\"pp\">22 pages</span></div><div><h2>The rail enhancement pipeline, honestly counted</h2><p>Three official lists describe the same programme and none of them agree, so we reconciled them line by line.</p></div></li>\n  <li><div class=\"mt\"><span class=\"d\">18 Mar 2026</span><span class=\"sc\">Energy</span><span class=\"pp\">16 pages</span></div><div><h2>What the capacity market actually procured</h2><p>Nominal capacity and de-rated capacity have diverged by 3.1 GW since 2022, almost entirely because of storage duration.</p></div></li>\n</ol>"
    }
  ],
  "moduleCount": 3,
  "reorderable": true,
  "meta": {
    "id": "slate-brief-library",
    "model": "Claude Fable 5.1",
    "author": "Claude Code",
    "createdAt": "2026-09-02T16:49:24+09:00",
    "updatedAt": "2026-09-02T16:58:37+09:00",
    "version": "1.0.0",
    "isNew": false
  },
  "link": "/api/v1/designs/slate-brief-library.json",
  "structure": "A filter line of text links across the top, then a two-column result grid where the left column is dates and sectors and the right runs at 68ch with no cards.",
  "html": "<div class=\"dz dz-slate-brief-library\" data-design=\"slate-brief-library\" data-theme=\"slate-brief\">\n<section class=\"dz-mod\" data-mod=\"head\" aria-label=\"Header\">\n<header class=\"hd\"><h1>Notes</h1><p>Every note we have published, including the ones that turned out to be wrong.</p><div class=\"sr\"><input type=\"search\" value=\"interconnector\" aria-label=\"Search notes\"><button type=\"button\">Search</button></div></header></section>\n<section class=\"dz-mod\" data-mod=\"filters\" aria-label=\"Filter line\">\n<div class=\"fl\"><span class=\"k\">Sector</span><a class=\"on\" href=\"#\">All</a><a href=\"#\">Energy</a><a href=\"#\">Water</a><a href=\"#\">Transport</a><a href=\"#\">Telecoms</a><span class=\"sep\"></span><span class=\"k\">Year</span><a href=\"#\">2026</a><a href=\"#\">2025</a><a href=\"#\">2024</a><a class=\"on\" href=\"#\">All years</a><span class=\"ct\">41 notes</span></div></section>\n<section class=\"dz-mod\" data-mod=\"results\" aria-label=\"Results\">\n<ol class=\"rs\">\n  <li><div class=\"mt\"><span class=\"d\">04 Sep 2026</span><span class=\"sc\">Energy</span><span class=\"pp\">9 pages</span></div><div><h2>Why the interconnector will not fix the winter peak</h2><p>The argument for the second interconnector rests on an assumption that has not been true in any of the last four winters.</p></div></li>\n  <li><div class=\"mt\"><span class=\"d\">02 Jul 2026</span><span class=\"sc\">Energy</span><span class=\"pp\">11 pages</span></div><div><h2>Grid connection queues after the reform</h2><p>Six months into the new regime, 41 projects have moved and 380 have not, and the difference is not what the reform was designed around.</p></div></li>\n  <li><div class=\"mt\"><span class=\"d\">14 May 2026</span><span class=\"sc\">Transport</span><span class=\"pp\">22 pages</span></div><div><h2>The rail enhancement pipeline, honestly counted</h2><p>Three official lists describe the same programme and none of them agree, so we reconciled them line by line.</p></div></li>\n  <li><div class=\"mt\"><span class=\"d\">18 Mar 2026</span><span class=\"sc\">Energy</span><span class=\"pp\">16 pages</span></div><div><h2>What the capacity market actually procured</h2><p>Nominal capacity and de-rated capacity have diverged by 3.1 GW since 2022, almost entirely because of storage duration.</p></div></li>\n</ol></section>\n</div>",
  "css": "\n.dz-slate-brief-library { background: var(--background); color: var(--foreground); font-family: var(--pv-body); padding: 0 36px 34px; }\n.dz-slate-brief-library .hd { padding: 34px 0 18px; }\n.dz-slate-brief-library .hd h1 { font-family: var(--pv-display); font-size: 42px; font-weight: 600; margin: 0 0 10px; }\n.dz-slate-brief-library .hd p { font-size: 16.5px; color: var(--muted-foreground); margin: 0 0 18px; max-width: 60ch; }\n.dz-slate-brief-library .sr { display: flex; gap: 10px; max-width: 520px; }\n.dz-slate-brief-library .sr input { flex: 1; font: inherit; font-size: 15px; background: var(--card); border: var(--pv-bw) solid var(--border); border-radius: var(--pv-radius); background: var(--card); color: var(--foreground); padding: 10px 14px; }\n.dz-slate-brief-library .sr input:focus-visible { outline: 2px solid var(--ring); outline-offset: 2px; }\n.dz-slate-brief-library .sr button { font: inherit; font-size: 14px; background: var(--primary); color: var(--primary-foreground); border: 0; border-radius: var(--pv-radius-md); padding: 10px 22px; cursor: pointer; }\n.dz-slate-brief-library .fl { display: flex; align-items: center; gap: 14px; padding: 14px 0; border-top: var(--pv-bw) solid var(--border); border-bottom: var(--pv-bw) solid var(--border); flex-wrap: wrap; }\n.dz-slate-brief-library .k { font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: var(--muted-foreground); }\n.dz-slate-brief-library .fl a { font-size: 13.5px; color: var(--muted-foreground); text-decoration: none; }\n.dz-slate-brief-library .fl a:hover, .dz-slate-brief-library .fl a.on { color: var(--primary); }\n.dz-slate-brief-library .sep { width: 1px; height: 14px; background: var(--border); margin: 0 6px; }\n.dz-slate-brief-library .ct { margin-left: auto; font-family: var(--pv-mono); font-size: 12px; color: var(--muted-foreground); }\n.dz-slate-brief-library .rs { list-style: none; margin: 0; padding: 0; }\n.dz-slate-brief-library .rs li { display: grid; grid-template-columns: 220px minmax(0, 68ch); gap: 36px; padding: 20px 0; border-bottom: var(--pv-bw) solid var(--border); }\n.dz-slate-brief-library .mt { text-align: right; display: flex; flex-direction: column; gap: 4px; padding-top: 6px; }\n.dz-slate-brief-library .d { font-family: var(--pv-mono); font-size: 11.5px; color: var(--primary); }\n.dz-slate-brief-library .sc { font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: var(--muted-foreground); }\n.dz-slate-brief-library .pp { font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: var(--muted-foreground); color: var(--accent); }\n.dz-slate-brief-library .rs h2 { font-family: var(--pv-display); font-size: 25px; font-weight: 600; margin: 0 0 8px; display: inline-block; padding-bottom: 4px; background-image: linear-gradient(var(--primary), var(--primary)); background-size: 0 2px; background-repeat: no-repeat; background-position: 0 100%; transition: background-size var(--dur-slow) var(--ease); }\n.dz-slate-brief-library .rs li:hover h2 { background-size: 100% 2px; }\n.dz-slate-brief-library .rs p { font-size: 16px; line-height: 1.62; color: var(--muted-foreground); margin: 0; }\n@media (prefers-reduced-motion: reduce) { .dz-slate-brief-library *, .dz-slate-brief-library *::before, .dz-slate-brief-library *::after { transition-duration: 1ms !important; animation-duration: 1ms !important; } }",
  "requiredTheme": "/api/v1/themes/slate-brief.json",
  "googleFontsHref": "https://fonts.googleapis.com/css2?family=Source+Serif+4:wght@400;500;600;700&family=Libre+Franklin:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600;700&display=swap"
}