{
  "id": "curated-catalog-membership",
  "name": "Membership Tiers",
  "theme": "curated-catalog",
  "category": "Pricing",
  "description": "Three memberships presented as objects rather than feature lists — each one has a picture, because that is what you are actually buying.",
  "layout": "Three equal cards, each with a 4:3 photograph at the top and a short prose paragraph instead of a tick list; the middle card is raised rather than outlined to mark it.",
  "modules": [
    {
      "key": "intro",
      "name": "Pricing intro",
      "html": "\n<header class=\"pi\"><h1>Membership</h1><p>Members see everything first and pay less for it. There is no free tier — the shop is small and the mailing list is the whole business.</p></header>"
    },
    {
      "key": "tiers",
      "name": "Tier cards",
      "html": "\n<div class=\"tiers\">\n  <article class=\"tier\"><img src=\"{{ART spread}}\" alt=\"{{ARTALT spread}}\"><div class=\"tb\"><h2>Reader</h2><p class=\"pr\">£24<span>/year</span></p><p>The printed catalogue four times a year, and first sight of every drop 48 hours before it opens.</p><button type=\"button\">Join as Reader</button></div></article>\n  <article class=\"tier lift\"><span class=\"flag\">Most chosen</span><img src=\"{{ART textile}}\" alt=\"{{ARTALT textile}}\"><div class=\"tb\"><h2>Collector</h2><p class=\"pr\">£96<span>/year</span></p><p>Everything in Reader, plus 10% off all objects, free delivery, and one member-only piece a year that we do not sell to anyone else.</p><button type=\"button\" class=\"pri\">Join as Collector</button></div></article>\n  <article class=\"tier\"><img src=\"{{ART gallery}}\" alt=\"{{ARTALT gallery}}\"><div class=\"tb\"><h2>Patron</h2><p class=\"pr\">£420<span>/year</span></p><p>Everything in Collector, and your name funds one maker residency at Kilcarn. You will be told which one, and you will meet them.</p><button type=\"button\">Enquire</button></div></article>\n</div>"
    },
    {
      "key": "faq",
      "name": "Membership notes",
      "html": "\n<footer class=\"mf\"><div><h4>Can I cancel?</h4><p>Any time, and we refund the unused months. Nobody has ever had to email twice.</p></div><div><h4>Is the discount stacked?</h4><p>No. The Collector discount does not apply on top of a sale price.</p></div><div><h4>Gift memberships?</h4><p>Yes, and they start on a date you choose rather than the day you buy.</p></div></footer>"
    }
  ],
  "moduleCount": 3,
  "reorderable": true,
  "meta": {
    "id": "curated-catalog-membership",
    "model": "Claude Fable 5.1",
    "author": "Claude Code",
    "createdAt": "2026-09-02T16:52:47+09:00",
    "updatedAt": "2026-09-02T16:58:37+09:00",
    "version": "1.0.0",
    "isNew": false
  },
  "link": "/api/v1/designs/curated-catalog-membership.json",
  "structure": "Three equal cards, each with a 4:3 photograph at the top and a short prose paragraph instead of a tick list; the middle card is raised rather than outlined to mark it.",
  "html": "<div class=\"dz dz-curated-catalog-membership\" data-design=\"curated-catalog-membership\" data-theme=\"curated-catalog\">\n<section class=\"dz-mod\" data-mod=\"intro\" aria-label=\"Pricing intro\">\n<header class=\"pi\"><h1>Membership</h1><p>Members see everything first and pay less for it. There is no free tier — the shop is small and the mailing list is the whole business.</p></header></section>\n<section class=\"dz-mod\" data-mod=\"tiers\" aria-label=\"Tier cards\">\n<div class=\"tiers\">\n  <article class=\"tier\"><img src=\"https://designlookbook.dev/assets/img/curated-catalog-spread.webp\" alt=\"An open catalogue lying on bordeaux and sage colour blocks, the right page blank\"><div class=\"tb\"><h2>Reader</h2><p class=\"pr\">£24<span>/year</span></p><p>The printed catalogue four times a year, and first sight of every drop 48 hours before it opens.</p><button type=\"button\">Join as Reader</button></div></article>\n  <article class=\"tier lift\"><span class=\"flag\">Most chosen</span><img src=\"https://designlookbook.dev/assets/img/curated-catalog-textile.webp\" alt=\"A folded woven textile with a fine sage and bordeaux stripe\"><div class=\"tb\"><h2>Collector</h2><p class=\"pr\">£96<span>/year</span></p><p>Everything in Reader, plus 10% off all objects, free delivery, and one member-only piece a year that we do not sell to anyone else.</p><button type=\"button\" class=\"pri\">Join as Collector</button></div></article>\n  <article class=\"tier\"><img src=\"https://designlookbook.dev/assets/img/curated-catalog-gallery.webp\" alt=\"A quiet gallery corner with one framed piece and a bench\"><div class=\"tb\"><h2>Patron</h2><p class=\"pr\">£420<span>/year</span></p><p>Everything in Collector, and your name funds one maker residency at Kilcarn. You will be told which one, and you will meet them.</p><button type=\"button\">Enquire</button></div></article>\n</div></section>\n<section class=\"dz-mod\" data-mod=\"faq\" aria-label=\"Membership notes\">\n<footer class=\"mf\"><div><h4>Can I cancel?</h4><p>Any time, and we refund the unused months. Nobody has ever had to email twice.</p></div><div><h4>Is the discount stacked?</h4><p>No. The Collector discount does not apply on top of a sale price.</p></div><div><h4>Gift memberships?</h4><p>Yes, and they start on a date you choose rather than the day you buy.</p></div></footer></section>\n</div>",
  "css": "\n.dz-curated-catalog-membership { background: var(--background); color: var(--foreground); font-family: var(--pv-body); padding: 34px 34px 32px; }\n.dz-curated-catalog-membership .pi { max-width: 40rem; margin: 0 auto 26px; text-align: center; }\n.dz-curated-catalog-membership .pi h1 { font-family: var(--pv-display); font-size: 38px; margin: 0 0 10px; }\n.dz-curated-catalog-membership .pi p { margin: 0; font-size: 15.5px; line-height: 1.62; color: var(--muted-foreground); }\n.dz-curated-catalog-membership .tiers { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; align-items: start; }\n.dz-curated-catalog-membership .tier { position: relative; background: var(--card); border: var(--pv-bw) solid var(--border); border-radius: var(--pv-radius-xl); overflow: hidden; }\n.dz-curated-catalog-membership .tier.lift { border-color: transparent; box-shadow: 0 18px 44px color-mix(in srgb, var(--foreground) 20%, transparent); transform: translateY(-10px); }\n.dz-curated-catalog-membership .flag { position: absolute; top: 12px; right: 12px; z-index: 2; font-size: 11.5px; background: var(--primary); color: var(--primary-foreground); padding: 4px 12px; border-radius: var(--pv-radius-xl); }\n.dz-curated-catalog-membership .tier img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; display: block; }\n.dz-curated-catalog-membership .tb { padding: 20px 22px 22px; }\n.dz-curated-catalog-membership .tb h2 { font-family: var(--pv-display); font-size: 24px; margin: 0 0 6px; }\n.dz-curated-catalog-membership .pr { font-family: var(--pv-display); font-size: 30px; margin: 0 0 12px; }\n.dz-curated-catalog-membership .pr span { font-family: var(--pv-body); font-size: 14px; color: var(--muted-foreground); }\n.dz-curated-catalog-membership .tb p { margin: 0 0 18px; font-size: 14px; line-height: 1.68; color: var(--muted-foreground); }\n.dz-curated-catalog-membership .tb button { width: 100%; font: inherit; font-size: 14px; font-weight: 600; padding: 12px; border: var(--pv-bw) solid var(--border); border-radius: var(--pv-radius-xl); background: var(--background); color: var(--foreground); cursor: pointer; transition: transform var(--dur) var(--ease), border-color var(--dur) var(--ease); }\n.dz-curated-catalog-membership .tb button:hover { transform: translateY(-2px); border-color: var(--primary); }\n.dz-curated-catalog-membership .tb .pri { background: var(--primary); color: var(--primary-foreground); border-color: var(--primary); }\n.dz-curated-catalog-membership .mf { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 26px; margin-top: 30px; padding-top: 22px; border-top: var(--pv-bw) solid var(--border); }\n.dz-curated-catalog-membership .mf h4 { font-family: var(--pv-display); font-size: 16px; margin: 0 0 6px; }\n.dz-curated-catalog-membership .mf p { margin: 0; font-size: 13.5px; line-height: 1.6; color: var(--muted-foreground); }\n@media (prefers-reduced-motion: reduce) { .dz-curated-catalog-membership *, .dz-curated-catalog-membership *::before, .dz-curated-catalog-membership *::after { transition-duration: 1ms !important; animation-duration: 1ms !important; } }",
  "requiredTheme": "/api/v1/themes/curated-catalog.json",
  "googleFontsHref": "https://fonts.googleapis.com/css2?family=Instrument+Serif:wght@400;500;600;700&family=Karla:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600;700&display=swap"
}