{
  "id": "late-edition-subscribe",
  "name": "Subscribe Appeal",
  "theme": "late-edition",
  "category": "Marketing",
  "description": "A subscription appeal that argues from the cost of the reporting rather than from features, and prints the actual numbers it is asking readers to cover.",
  "layout": "A spanning uppercase appeal headline over a three-column argument, with the offer set as a plain ruled table rather than a card row.",
  "modules": [
    {
      "key": "appeal",
      "name": "Appeal head",
      "html": "\n<header class=\"ap\"><span class=\"k\">An appeal from the editor</span><h1>That Ferry Story Took Two Years And Cost £41,000</h1><p class=\"dk\">Most of it was legal fees. The appeal was heard twice. We have eleven more documents to fight for and we would like to fight for them.</p></header>"
    },
    {
      "key": "argument",
      "name": "Three columns",
      "html": "\n<section class=\"ar\">\n  <div><h2>What it costs</h2><p>A contested freedom of information appeal runs to between eight and fifteen thousand pounds by the time it reaches a tribunal. We ran four last year and won three.</p><p>None of that is visible in the finished story, which is exactly why it is difficult to fund from anything except readers.</p></div>\n  <div><h2>What it does not buy</h2><p>There is no proprietor. There are no shareholders taking a dividend. Nine of every ten pounds goes to reporting and the tenth goes to keeping the archive online and free.</p><p>The archive stays free whether you subscribe or not. That is not a negotiating position, it is just the arrangement.</p></div>\n  <div><h2>What you get</h2><p>The paper, the archive without limits, and the documents themselves — every release we obtain is published in full alongside the story.</p><p>You also get the corrections, which we would print anyway.</p></div>\n</section>"
    },
    {
      "key": "offer",
      "name": "Offer table",
      "html": "\n<section class=\"of\"><h2>Rates</h2>\n<table><tbody>\n<tr><td>Digital, monthly</td><td class=\"n\">£9</td><td>Cancel any time. No introductory rate that later doubles.</td><td><button type=\"button\">Choose</button></td></tr>\n<tr class=\"best\"><td>Digital, annual</td><td class=\"n\">£90</td><td>Two months free. The rate you sign up at is the rate you keep.</td><td><button type=\"button\" class=\"pri\">Choose</button></td></tr>\n<tr><td>Print and digital</td><td class=\"n\">£240</td><td>Six days a week, delivered. Includes everything above.</td><td><button type=\"button\">Choose</button></td></tr>\n<tr><td>Supporter</td><td class=\"n\">£500</td><td>Funds roughly one contested appeal every twelve subscribers.</td><td><button type=\"button\">Choose</button></td></tr>\n</tbody></table>\n<p class=\"fine\">Rates include VAT. Student and low-income rates exist and are granted on request without means testing — write to the subscriptions desk and say so.</p></section>"
    }
  ],
  "moduleCount": 3,
  "reorderable": true,
  "meta": {
    "id": "late-edition-subscribe",
    "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-subscribe.json",
  "structure": "A spanning uppercase appeal headline over a three-column argument, with the offer set as a plain ruled table rather than a card row.",
  "html": "<div class=\"dz dz-late-edition-subscribe\" data-design=\"late-edition-subscribe\" data-theme=\"late-edition\">\n<section class=\"dz-mod\" data-mod=\"appeal\" aria-label=\"Appeal head\">\n<header class=\"ap\"><span class=\"k\">An appeal from the editor</span><h1>That Ferry Story Took Two Years And Cost £41,000</h1><p class=\"dk\">Most of it was legal fees. The appeal was heard twice. We have eleven more documents to fight for and we would like to fight for them.</p></header></section>\n<section class=\"dz-mod\" data-mod=\"argument\" aria-label=\"Three columns\">\n<section class=\"ar\">\n  <div><h2>What it costs</h2><p>A contested freedom of information appeal runs to between eight and fifteen thousand pounds by the time it reaches a tribunal. We ran four last year and won three.</p><p>None of that is visible in the finished story, which is exactly why it is difficult to fund from anything except readers.</p></div>\n  <div><h2>What it does not buy</h2><p>There is no proprietor. There are no shareholders taking a dividend. Nine of every ten pounds goes to reporting and the tenth goes to keeping the archive online and free.</p><p>The archive stays free whether you subscribe or not. That is not a negotiating position, it is just the arrangement.</p></div>\n  <div><h2>What you get</h2><p>The paper, the archive without limits, and the documents themselves — every release we obtain is published in full alongside the story.</p><p>You also get the corrections, which we would print anyway.</p></div>\n</section></section>\n<section class=\"dz-mod\" data-mod=\"offer\" aria-label=\"Offer table\">\n<section class=\"of\"><h2>Rates</h2>\n<table><tbody>\n<tr><td>Digital, monthly</td><td class=\"n\">£9</td><td>Cancel any time. No introductory rate that later doubles.</td><td><button type=\"button\">Choose</button></td></tr>\n<tr class=\"best\"><td>Digital, annual</td><td class=\"n\">£90</td><td>Two months free. The rate you sign up at is the rate you keep.</td><td><button type=\"button\" class=\"pri\">Choose</button></td></tr>\n<tr><td>Print and digital</td><td class=\"n\">£240</td><td>Six days a week, delivered. Includes everything above.</td><td><button type=\"button\">Choose</button></td></tr>\n<tr><td>Supporter</td><td class=\"n\">£500</td><td>Funds roughly one contested appeal every twelve subscribers.</td><td><button type=\"button\">Choose</button></td></tr>\n</tbody></table>\n<p class=\"fine\">Rates include VAT. Student and low-income rates exist and are granted on request without means testing — write to the subscriptions desk and say so.</p></section></section>\n</div>",
  "css": "\n.dz-late-edition-subscribe { background: var(--background); color: var(--foreground); font-family: var(--pv-body); padding: 26px 26px 30px; max-width: 1180px; margin: 0 auto; }\n.dz-late-edition-subscribe .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-subscribe .ap { border-bottom: 2px solid var(--border); padding-bottom: 20px; margin-bottom: 22px; }\n.dz-late-edition-subscribe h1 { font-family: var(--pv-display); text-transform: uppercase; font-weight: 400; letter-spacing: -.01em; font-size: 62px; line-height: 1.0; margin: 8px 0 12px; }\n.dz-late-edition-subscribe .dk { font-size: 18px; line-height: 1.55; margin: 0; max-width: 58ch; }\n.dz-late-edition-subscribe .ar { display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px; padding-bottom: 24px; margin-bottom: 24px; border-bottom: 1px solid var(--border); }\n.dz-late-edition-subscribe .ar div { padding-left: 26px; border-left: 1px solid var(--border); }\n.dz-late-edition-subscribe .ar div:first-child { padding-left: 0; border-left: 0; }\n.dz-late-edition-subscribe h2 { font-family: var(--pv-display); text-transform: uppercase; font-weight: 400; letter-spacing: -.01em; font-size: 24px; margin: 0 0 10px; }\n.dz-late-edition-subscribe .ar p { margin: 0 0 12px; font-size: 15px; line-height: 1.56; }\n.dz-late-edition-subscribe table { width: 100%; border-collapse: collapse; }\n.dz-late-edition-subscribe td { padding: 14px 0; border-bottom: 1px solid var(--border); font-size: 15px; vertical-align: baseline; }\n.dz-late-edition-subscribe td:first-child { width: 190px; font-weight: 700; }\n.dz-late-edition-subscribe .n { font-family: var(--pv-mono); font-size: 22px; width: 90px; }\n.dz-late-edition-subscribe td:last-child { width: 120px; text-align: right; }\n.dz-late-edition-subscribe tr.best td { background: color-mix(in oklab, var(--primary) 8%, transparent); }\n.dz-late-edition-subscribe button { font: inherit; font-size: 12px; text-transform: uppercase; letter-spacing: .1em; padding: 9px 18px; background: transparent; border: 1px solid var(--border); color: var(--foreground); cursor: pointer; }\n.dz-late-edition-subscribe .pri { background: var(--primary); color: var(--primary-foreground); border-color: var(--primary); }\n.dz-late-edition-subscribe .fine { font-family: var(--pv-mono); font-size: 12px; text-transform: uppercase; color: var(--muted-foreground); text-transform: none; margin: 14px 0 0; max-width: 70ch; line-height: 1.55; }\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"
}