{
  "id": "reading-lamp-subscribe",
  "name": "Subscription",
  "theme": "reading-lamp",
  "category": "Pricing",
  "description": "Two prices set as ruled lines in the reading column rather than as cards, with the reason for each stated in a sentence and nothing compared in a table.",
  "layout": "The 66ch column carrying two ruled price lines with mono figures, then prose about what the money pays for, and no feature comparison anywhere.",
  "modules": [
    {
      "key": "head",
      "name": "Pricing head",
      "html": "\n<header class=\"col ch\"><h1>Two prices</h1><p class=\"sub\">There is no free tier with advertisements in it and there is no annual saving to work out. Two numbers, both of which include everything.</p></header>"
    },
    {
      "key": "prices",
      "name": "Price lines",
      "html": "\n<section class=\"col pr\"><div class=\"rw\"><span class=\"lb2\">Monthly</span><b class=\"mn\">£4</b></div><div class=\"rw\"><span class=\"lb2\">Yearly</span><b class=\"mn\">£44</b></div><p class=\"hint\">The yearly price is eleven months. That is the entire discount and it exists so we can stop thinking about pricing.</p></section>"
    },
    {
      "key": "what",
      "name": "What it pays for",
      "html": "\n<article class=\"col\"><p class=\"first\">Fourteen thousand books, every one of them licensed rather than scraped, and about sixty new ones a month. No advertising, no recommendation engine, no reading data sold to anybody, and no publisher paying us to put a title in front of you — there is nowhere to put it, because there is no store front and no carousel.</p><p>Downloading a book keeps it. If you stop paying, the books you downloaded stay readable and the catalogue closes; nothing is taken off your device and nothing is bricked.</p></article>"
    },
    {
      "key": "end",
      "name": "Sign up",
      "html": "\n<footer class=\"col en\"><button class=\"pri\">Start · first month free</button><p class=\"hint\">No card until the second month. Cancelling is one button and it is on the account page, not behind a chat.</p></footer>"
    }
  ],
  "moduleCount": 4,
  "reorderable": true,
  "meta": {
    "id": "reading-lamp-subscribe",
    "model": "Claude Opus 5",
    "author": "Claude Code",
    "createdAt": "2026-09-02T01:46:38+09:00",
    "updatedAt": "2026-09-02T01:46:38+09:00",
    "version": "1.0.0",
    "isNew": false
  },
  "link": "/api/v1/designs/reading-lamp-subscribe.json",
  "structure": "The 66ch column carrying two ruled price lines with mono figures, then prose about what the money pays for, and no feature comparison anywhere.",
  "html": "<div class=\"dz dz-reading-lamp-subscribe\" data-design=\"reading-lamp-subscribe\" data-theme=\"reading-lamp\">\n<section class=\"dz-mod\" data-mod=\"head\" aria-label=\"Pricing head\">\n<header class=\"col ch\"><h1>Two prices</h1><p class=\"sub\">There is no free tier with advertisements in it and there is no annual saving to work out. Two numbers, both of which include everything.</p></header></section>\n<section class=\"dz-mod\" data-mod=\"prices\" aria-label=\"Price lines\">\n<section class=\"col pr\"><div class=\"rw\"><span class=\"lb2\">Monthly</span><b class=\"mn\">£4</b></div><div class=\"rw\"><span class=\"lb2\">Yearly</span><b class=\"mn\">£44</b></div><p class=\"hint\">The yearly price is eleven months. That is the entire discount and it exists so we can stop thinking about pricing.</p></section></section>\n<section class=\"dz-mod\" data-mod=\"what\" aria-label=\"What it pays for\">\n<article class=\"col\"><p class=\"first\">Fourteen thousand books, every one of them licensed rather than scraped, and about sixty new ones a month. No advertising, no recommendation engine, no reading data sold to anybody, and no publisher paying us to put a title in front of you — there is nowhere to put it, because there is no store front and no carousel.</p><p>Downloading a book keeps it. If you stop paying, the books you downloaded stay readable and the catalogue closes; nothing is taken off your device and nothing is bricked.</p></article></section>\n<section class=\"dz-mod\" data-mod=\"end\" aria-label=\"Sign up\">\n<footer class=\"col en\"><button class=\"pri\">Start · first month free</button><p class=\"hint\">No card until the second month. Cancelling is one button and it is on the account page, not behind a chat.</p></footer></section>\n</div>",
  "css": "\n.dz-reading-lamp-subscribe { background: var(--background); color: var(--foreground); font-family: var(--pv-body); padding: 72px 0; }\n\n.dz-reading-lamp-subscribe .col { max-width: 66ch; margin: 0 auto; padding: 0 40px; }\n.dz-reading-lamp-subscribe .col p { font-size: 19px; line-height: 1.78; margin: 0; text-indent: 1em; }\n.dz-reading-lamp-subscribe .col p.first { text-indent: 0; }\n.dz-reading-lamp-subscribe .col a { color: inherit; text-decoration: none; border-bottom: 1px solid var(--accent); }\n.dz-reading-lamp-subscribe .mn { font-family: var(--pv-mono); font-size: 13.5px; }\n.dz-reading-lamp-subscribe h1 { font-family: var(--pv-display); font-weight: 600; font-size: 48px; line-height: 1.14; letter-spacing: -.015em; margin: 0 0 16px; }\n.dz-reading-lamp-subscribe .sub { font-size: 18px; line-height: 1.76; text-indent: 0; margin: 0 0 40px; color: var(--muted-foreground); }\n.dz-reading-lamp-subscribe .pr { margin-bottom: 40px; }\n.dz-reading-lamp-subscribe .rw { display: flex; align-items: baseline; gap: 20px; padding: 16px 0; border-bottom: 1px solid var(--border); }\n.dz-reading-lamp-subscribe .lb2 { font-family: var(--pv-display); font-weight: 600; font-size: 21px; }\n.dz-reading-lamp-subscribe .rw b { margin-left: auto; font-family: var(--pv-display); font-weight: 600; font-size: 36px; font-weight: 600; }\n.dz-reading-lamp-subscribe .hint { font-size: 15px; line-height: 1.6; text-indent: 0; color: var(--muted-foreground); margin-top: 20px; }\n.dz-reading-lamp-subscribe .col + .col { margin-top: 32px; }\n.dz-reading-lamp-subscribe .en { margin-top: 40px; padding-top: 24px; border-top: 1px solid var(--border); }\n.dz-reading-lamp-subscribe .pri { background: var(--primary); color: var(--primary-foreground); border: 0; border-radius: 2px; padding: 13px 24px; font: inherit; font-size: 17px; cursor: pointer; }\n@media (prefers-reduced-motion: reduce) { .dz-reading-lamp-subscribe *, .dz-reading-lamp-subscribe *::before, .dz-reading-lamp-subscribe *::after { transition-duration: 1ms !important; animation-duration: 1ms !important; } }\n",
  "requiredTheme": "/api/v1/themes/reading-lamp.json",
  "googleFontsHref": "https://fonts.googleapis.com/css2?family=Crimson+Pro:wght@400;500;600;700&family=Cutive+Mono:wght@400;500;600;700&display=swap"
}