{
  "id": "late-edition-numbers",
  "name": "Numbers Page",
  "theme": "late-edition",
  "category": "Data & Reports",
  "description": "A data page for a newsroom where every chart is a red monochrome figure with its source printed beneath it, because a chart without a source is not journalism.",
  "layout": "A four-column figure band over a two-column split of a ruled table and a stack of small monochrome charts, each with a source rule beneath.",
  "modules": [
    {
      "key": "band",
      "name": "Figure band",
      "html": "\n<section class=\"fb\">\n  <div><span class=\"k\">Rail freight, year on year</span><b class=\"n\">−6.1%</b><span class=\"s\">Fourth consecutive fall</span></div>\n  <div><span class=\"k\">Constraint payments, forecast</span><b class=\"n\">£2.4bn</b><span class=\"s\">Third upward revision</span></div>\n  <div><span class=\"k\">Manufacturing index</span><b class=\"n\">48.7</b><span class=\"s\">Below fifty since March</span></div>\n  <div><span class=\"k\">Completions, North West</span><b class=\"n\">11,402</b><span class=\"s\">Nine-year high</span></div>\n</section>"
    },
    {
      "key": "table",
      "name": "Ruled table",
      "html": "\n<section class=\"tb\"><h2>Rail freight by commodity</h2>\n<table><thead><tr><th>Commodity</th><th>2025 Q4</th><th>2026 Q1</th><th>Change</th><th>Share</th></tr></thead>\n<tbody>\n<tr><td>Construction aggregates</td><td class=\"n\">8.41</td><td class=\"n\">7.02</td><td class=\"n dn\">−16.5%</td><td class=\"n\">31%</td></tr>\n<tr><td>Intermodal</td><td class=\"n\">6.90</td><td class=\"n\">6.84</td><td class=\"n\">−0.9%</td><td class=\"n\">30%</td></tr>\n<tr><td>Coal and coke</td><td class=\"n\">1.12</td><td class=\"n\">0.71</td><td class=\"n dn\">−36.6%</td><td class=\"n\">3%</td></tr>\n<tr><td>Petroleum</td><td class=\"n\">2.44</td><td class=\"n\">2.51</td><td class=\"n\">+2.9%</td><td class=\"n\">11%</td></tr>\n<tr><td>Metals</td><td class=\"n\">3.02</td><td class=\"n\">2.98</td><td class=\"n\">−1.3%</td><td class=\"n\">13%</td></tr>\n<tr class=\"tot\"><td>All commodities</td><td class=\"n\">24.21</td><td class=\"n\">22.74</td><td class=\"n dn\">−6.1%</td><td class=\"n\">100%</td></tr>\n</tbody></table>\n<p class=\"src\">Source: Office of Rail and Road, quarterly statistical release, 4 June 2026. Figures in billion net tonne kilometres.</p></section>"
    },
    {
      "key": "charts",
      "name": "Chart stack",
      "html": "\n<aside class=\"cs\">\n  <figure><span class=\"k\">Freight, eight quarters</span><div class=\"bars\"><i style=\"--h:76%\"></i><i style=\"--h:81%\"></i><i style=\"--h:79%\"></i><i style=\"--h:84%\"></i><i style=\"--h:72%\"></i><i style=\"--h:68%\"></i><i style=\"--h:64%\"></i><i class=\"on\" style=\"--h:59%\"></i></div><figcaption>Source: ORR. Q2 2024 to Q1 2026.</figcaption></figure>\n  <figure><span class=\"k\">Constraint payments, forecast revisions</span><div class=\"bars\"><i style=\"--h:42%\"></i><i style=\"--h:58%\"></i><i class=\"on\" style=\"--h:96%\"></i></div><figcaption>Source: grid operator forecasts, Nov 2024, Jun 2025, Jun 2026.</figcaption></figure>\n</aside>"
    }
  ],
  "moduleCount": 3,
  "reorderable": false,
  "meta": {
    "id": "late-edition-numbers",
    "model": "Claude Opus 5",
    "author": "Claude Code",
    "createdAt": "2026-09-01T23:43:21+09:00",
    "updatedAt": "2026-09-01T23:43:21+09:00",
    "version": "1.0.0",
    "isNew": false
  },
  "link": "/api/v1/designs/late-edition-numbers.json",
  "structure": "A four-column figure band over a two-column split of a ruled table and a stack of small monochrome charts, each with a source rule beneath.",
  "html": "<div class=\"dz dz-late-edition-numbers\" data-design=\"late-edition-numbers\" data-theme=\"late-edition\">\n<section class=\"dz-mod\" data-mod=\"band\" aria-label=\"Figure band\">\n<section class=\"fb\">\n  <div><span class=\"k\">Rail freight, year on year</span><b class=\"n\">−6.1%</b><span class=\"s\">Fourth consecutive fall</span></div>\n  <div><span class=\"k\">Constraint payments, forecast</span><b class=\"n\">£2.4bn</b><span class=\"s\">Third upward revision</span></div>\n  <div><span class=\"k\">Manufacturing index</span><b class=\"n\">48.7</b><span class=\"s\">Below fifty since March</span></div>\n  <div><span class=\"k\">Completions, North West</span><b class=\"n\">11,402</b><span class=\"s\">Nine-year high</span></div>\n</section></section><div class=\"split\"><section class=\"dz-mod\" data-mod=\"table\" aria-label=\"Ruled table\">\n<section class=\"tb\"><h2>Rail freight by commodity</h2>\n<table><thead><tr><th>Commodity</th><th>2025 Q4</th><th>2026 Q1</th><th>Change</th><th>Share</th></tr></thead>\n<tbody>\n<tr><td>Construction aggregates</td><td class=\"n\">8.41</td><td class=\"n\">7.02</td><td class=\"n dn\">−16.5%</td><td class=\"n\">31%</td></tr>\n<tr><td>Intermodal</td><td class=\"n\">6.90</td><td class=\"n\">6.84</td><td class=\"n\">−0.9%</td><td class=\"n\">30%</td></tr>\n<tr><td>Coal and coke</td><td class=\"n\">1.12</td><td class=\"n\">0.71</td><td class=\"n dn\">−36.6%</td><td class=\"n\">3%</td></tr>\n<tr><td>Petroleum</td><td class=\"n\">2.44</td><td class=\"n\">2.51</td><td class=\"n\">+2.9%</td><td class=\"n\">11%</td></tr>\n<tr><td>Metals</td><td class=\"n\">3.02</td><td class=\"n\">2.98</td><td class=\"n\">−1.3%</td><td class=\"n\">13%</td></tr>\n<tr class=\"tot\"><td>All commodities</td><td class=\"n\">24.21</td><td class=\"n\">22.74</td><td class=\"n dn\">−6.1%</td><td class=\"n\">100%</td></tr>\n</tbody></table>\n<p class=\"src\">Source: Office of Rail and Road, quarterly statistical release, 4 June 2026. Figures in billion net tonne kilometres.</p></section></section><section class=\"dz-mod\" data-mod=\"charts\" aria-label=\"Chart stack\">\n<aside class=\"cs\">\n  <figure><span class=\"k\">Freight, eight quarters</span><div class=\"bars\"><i style=\"--h:76%\"></i><i style=\"--h:81%\"></i><i style=\"--h:79%\"></i><i style=\"--h:84%\"></i><i style=\"--h:72%\"></i><i style=\"--h:68%\"></i><i style=\"--h:64%\"></i><i class=\"on\" style=\"--h:59%\"></i></div><figcaption>Source: ORR. Q2 2024 to Q1 2026.</figcaption></figure>\n  <figure><span class=\"k\">Constraint payments, forecast revisions</span><div class=\"bars\"><i style=\"--h:42%\"></i><i style=\"--h:58%\"></i><i class=\"on\" style=\"--h:96%\"></i></div><figcaption>Source: grid operator forecasts, Nov 2024, Jun 2025, Jun 2026.</figcaption></figure>\n</aside></section></div>\n</div>",
  "css": "\n.dz-late-edition-numbers { background: var(--background); color: var(--foreground); font-family: var(--pv-body); padding: 24px 26px 30px; }\n.dz-late-edition-numbers .k { font-family: var(--pv-body); text-transform: uppercase; letter-spacing: .16em; font-size: 10.5px; font-weight: 700; color: var(--primary); display: block; }\n.dz-late-edition-numbers .fb { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 2px solid var(--border); border-bottom: 2px solid var(--border); margin-bottom: 22px; }\n.dz-late-edition-numbers .fb div { padding: 16px 20px 16px 0; border-right: 1px solid var(--border); }\n.dz-late-edition-numbers .fb div:last-child { border-right: 0; }\n.dz-late-edition-numbers .n { font-family: var(--pv-mono); font-variant-numeric: tabular-nums; }\n.dz-late-edition-numbers .fb b { display: block; font-size: 40px; font-weight: 700; margin: 7px 0 3px; }\n.dz-late-edition-numbers .s { font-family: var(--pv-mono); font-size: 12px; text-transform: uppercase; color: var(--muted-foreground); text-transform: none; }\n.dz-late-edition-numbers .split { display: grid; grid-template-columns: 1fr 300px; gap: 30px; }\n.dz-late-edition-numbers h2 { font-family: var(--pv-display); text-transform: uppercase; font-weight: 400; letter-spacing: -.01em; font-size: 24px; margin: 0 0 12px; }\n.dz-late-edition-numbers table { width: 100%; border-collapse: collapse; }\n.dz-late-edition-numbers th { text-align: right; font-family: var(--pv-body); text-transform: uppercase; letter-spacing: .16em; font-size: 10.5px; font-weight: 700; color: var(--primary); padding: 0 0 9px; border-bottom: 2px solid var(--border); }\n.dz-late-edition-numbers th:first-child { text-align: left; }\n.dz-late-edition-numbers td { padding: 10px 0; text-align: right; border-bottom: 1px solid var(--border); font-size: 14px; }\n.dz-late-edition-numbers td:first-child { text-align: left; }\n.dz-late-edition-numbers td.n { font-size: 13px; }\n.dz-late-edition-numbers .dn { color: var(--primary); font-weight: 700; }\n.dz-late-edition-numbers tr.tot td { border-top: 2px solid var(--border); border-bottom: 0; font-weight: 700; }\n.dz-late-edition-numbers .src { font-family: var(--pv-mono); font-size: 12px; text-transform: uppercase; color: var(--muted-foreground); text-transform: none; margin: 12px 0 0; padding-top: 10px; border-top: 1px solid var(--border); line-height: 1.5; }\n.dz-late-edition-numbers .cs figure { margin: 0 0 26px; padding-left: 20px; border-left: 1px solid var(--border); }\n.dz-late-edition-numbers .bars { display: flex; gap: 5px; align-items: flex-end; height: 90px; margin: 10px 0 8px; }\n.dz-late-edition-numbers .bars i { flex: 1; height: var(--h); background: color-mix(in oklab, var(--primary) 45%, var(--muted)); display: block; }\n.dz-late-edition-numbers .bars i.on { background: var(--primary); }\n.dz-late-edition-numbers figcaption { font-family: var(--pv-mono); font-size: 12px; text-transform: uppercase; color: var(--muted-foreground); text-transform: none; padding-top: 8px; border-top: 1px solid var(--border); line-height: 1.5; }\n",
  "requiredTheme": "/api/v1/themes/late-edition.json",
  "googleFontsHref": "https://fonts.googleapis.com/css2?family=Fjalla+One:wght@400;500;600;700&family=Zilla+Slab:wght@400;500;600;700&family=Anonymous+Pro:wght@400;500;600;700&display=swap"
}