{
  "id": "sleeve-notes-subs",
  "name": "Subscriptions",
  "theme": "sleeve-notes",
  "category": "Pricing",
  "description": "Three subscriptions presented as squares rather than cards, each with a sleeve-sized panel and its yearly cost as a right-aligned mono figure.",
  "layout": "Three 1:1 panels in a row with the plan detail inside the square itself, and prices right-aligned in mono beneath as if they were durations.",
  "modules": [
    {
      "key": "head",
      "name": "Subscription header",
      "html": "\n<header class=\"sh\"><span class=\"k\">Slade Row</span><h1>Everything, posted</h1><p>Six or seven records a year, sent the week they are cut. Nothing is a surprise — the next release is always announced before it ships, and you can skip it.</p></header>"
    },
    {
      "key": "plans",
      "name": "Square plans",
      "html": "\n<section class=\"gd\">\n<article><div class=\"sl pn\"><span class=\"k\">Digital</span><ul><li>Every release, lossless, on the day</li><li>The full back catalogue</li><li>Sleeve scans at 3000px</li></ul></div><p class=\"tk\"><span class=\"ti\">Per year</span><span class=\"dr\">£48</span></p><button class=\"gh\">Choose Digital</button></article>\n<article><div class=\"sl pn on\"><span class=\"k now\">Vinyl</span><ul><li>Every LP and 12&quot;, posted</li><li>Everything in Digital</li><li>Skip any release, no notice needed</li><li>Twenty per cent in the shop</li></ul></div><p class=\"tk\"><span class=\"ti\">Per year</span><span class=\"dr\">£185</span></p><button class=\"pri\">Choose Vinyl</button></article>\n<article><div class=\"sl pn\"><span class=\"k\">Everything</span><ul><li>Every format including reissues</li><li>Everything in Vinyl</li><li>Test pressings where they exist</li><li>Your name on the sleeve, small</li></ul></div><p class=\"tk\"><span class=\"ti\">Per year</span><span class=\"dr\">£420</span></p><button class=\"gh\">Choose Everything</button></article>\n</section>"
    },
    {
      "key": "note",
      "name": "Postage note",
      "html": "\n<footer class=\"pn2\"><span class=\"k\">Postage</span><p>Included within Ireland and the UK. Elsewhere it is charged at cost when a record ships, shown before it does, and it is genuinely at cost — we do not make money on postage.</p></footer>"
    }
  ],
  "moduleCount": 3,
  "reorderable": true,
  "meta": {
    "id": "sleeve-notes-subs",
    "model": "Claude Opus 5",
    "author": "Claude Code",
    "createdAt": "2026-09-02T01:23:14+09:00",
    "updatedAt": "2026-09-02T01:23:14+09:00",
    "version": "1.0.0",
    "isNew": false
  },
  "link": "/api/v1/designs/sleeve-notes-subs.json",
  "structure": "Three 1:1 panels in a row with the plan detail inside the square itself, and prices right-aligned in mono beneath as if they were durations.",
  "html": "<div class=\"dz dz-sleeve-notes-subs\" data-design=\"sleeve-notes-subs\" data-theme=\"sleeve-notes\">\n<section class=\"dz-mod\" data-mod=\"head\" aria-label=\"Subscription header\">\n<header class=\"sh\"><span class=\"k\">Slade Row</span><h1>Everything, posted</h1><p>Six or seven records a year, sent the week they are cut. Nothing is a surprise — the next release is always announced before it ships, and you can skip it.</p></header></section>\n<section class=\"dz-mod\" data-mod=\"plans\" aria-label=\"Square plans\">\n<section class=\"gd\">\n<article><div class=\"sl pn\"><span class=\"k\">Digital</span><ul><li>Every release, lossless, on the day</li><li>The full back catalogue</li><li>Sleeve scans at 3000px</li></ul></div><p class=\"tk\"><span class=\"ti\">Per year</span><span class=\"dr\">£48</span></p><button class=\"gh\">Choose Digital</button></article>\n<article><div class=\"sl pn on\"><span class=\"k now\">Vinyl</span><ul><li>Every LP and 12&quot;, posted</li><li>Everything in Digital</li><li>Skip any release, no notice needed</li><li>Twenty per cent in the shop</li></ul></div><p class=\"tk\"><span class=\"ti\">Per year</span><span class=\"dr\">£185</span></p><button class=\"pri\">Choose Vinyl</button></article>\n<article><div class=\"sl pn\"><span class=\"k\">Everything</span><ul><li>Every format including reissues</li><li>Everything in Vinyl</li><li>Test pressings where they exist</li><li>Your name on the sleeve, small</li></ul></div><p class=\"tk\"><span class=\"ti\">Per year</span><span class=\"dr\">£420</span></p><button class=\"gh\">Choose Everything</button></article>\n</section></section>\n<section class=\"dz-mod\" data-mod=\"note\" aria-label=\"Postage note\">\n<footer class=\"pn2\"><span class=\"k\">Postage</span><p>Included within Ireland and the UK. Elsewhere it is charged at cost when a record ships, shown before it does, and it is genuinely at cost — we do not make money on postage.</p></footer></section>\n</div>",
  "css": "\n.dz-sleeve-notes-subs { background: var(--background); color: var(--foreground); font-family: var(--pv-body); padding: 30px; }\n.dz-sleeve-notes-subs .k { text-transform: uppercase; letter-spacing: .16em; font-size: 10px; font-weight: 700; color: var(--muted-foreground); display: block; margin-bottom: 12px; }\n.dz-sleeve-notes-subs .now { color: var(--accent); }\n.dz-sleeve-notes-subs .sh { margin-bottom: 30px; max-width: 62ch; }\n.dz-sleeve-notes-subs h1 { font-family: var(--pv-display); font-weight: 500; letter-spacing: -.015em; font-size: 68px; line-height: 1.02; letter-spacing: -.025em; margin: 0 0 12px; }\n.dz-sleeve-notes-subs .sh p { margin: 0; font-size: 16px; line-height: 1.62; color: var(--muted-foreground); }\n.dz-sleeve-notes-subs .gd { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }\n\n.dz-sleeve-notes-subs .sl { position: relative; aspect-ratio: 1; overflow: hidden; background: var(--secondary); box-shadow: 1px 1px 0 0 var(--foreground); }\n.dz-sleeve-notes-subs .sl img { width: 100%; height: 100%; object-fit: cover; display: block; filter: var(--img-filter); }\n.dz-sleeve-notes-subs .sl.lbx img { object-fit: contain; }\n.dz-sleeve-notes-subs .pn { background: var(--card); border: 1px solid var(--border); box-shadow: 1px 1px 0 0 var(--foreground); padding: 22px; box-sizing: border-box; }\n.dz-sleeve-notes-subs .pn.on { border-color: var(--accent); }\n.dz-sleeve-notes-subs ul { list-style: none; margin: 0; padding: 0; }\n.dz-sleeve-notes-subs li { padding: 9px 0; border-bottom: 1px solid var(--border); font-size: 14.5px; line-height: 1.5; }\n.dz-sleeve-notes-subs .tk { display: flex; align-items: baseline; padding: 12px 0; border-bottom: 1px solid var(--border); margin: 0 0 12px; font-size: 16px; }\n.dz-sleeve-notes-subs .dr { font-family: var(--pv-mono); font-size: 12.5px; letter-spacing: .01em; font-size: 20px; margin-left: auto; }\n.dz-sleeve-notes-subs button { width: 100%; border-radius: 1px; padding: 12px; font: inherit; text-transform: uppercase; letter-spacing: .16em; font-size: 10px; font-weight: 700; cursor: pointer; }\n.dz-sleeve-notes-subs .pri { background: var(--primary); color: var(--primary-foreground); border: 0; }\n.dz-sleeve-notes-subs .gh { background: transparent; color: var(--foreground); border: 1px solid var(--border); }\n.dz-sleeve-notes-subs .pn2 { margin-top: 30px; padding-top: 18px; border-top: 1px solid var(--border); }\n.dz-sleeve-notes-subs .pn2 p { margin: 0; font-size: 14.5px; line-height: 1.6; color: var(--muted-foreground); max-width: 66ch; }\n@media (prefers-reduced-motion: reduce) { .dz-sleeve-notes-subs *, .dz-sleeve-notes-subs *::before, .dz-sleeve-notes-subs *::after { transition-duration: 1ms !important; animation-duration: 1ms !important; } }\n",
  "requiredTheme": "/api/v1/themes/sleeve-notes.json",
  "googleFontsHref": "https://fonts.googleapis.com/css2?family=Bodoni+Moda:wght@400;500;600;700&family=Epilogue:wght@400;500;600;700&family=Chivo+Mono:wght@400;500;600;700&display=swap"
}