{
  "id": "radiograph-licensing",
  "name": "Licensing",
  "theme": "radiograph",
  "category": "Pricing",
  "description": "Licence tiers priced per concurrent reading seat, each rendered as a dark panel with an image thumbnail so the pricing page still looks like the product.",
  "layout": "Three panels each opening with a 4:3 image and its corner overlay, then icon-and-value rows reused from the rail as the feature list.",
  "modules": [
    {
      "key": "head",
      "name": "Licence header",
      "html": "\n<header class=\"lh\"><span class=\"k\">Licensing</span><h1>Per concurrent reading seat</h1><p>Storage, archive, the API and unlimited review-only users are included at every tier and are not metered. What a licence buys is a seat that can report.</p></header>"
    },
    {
      "key": "tiers",
      "name": "Licence panels",
      "html": "\n<section class=\"tp\">\n<article><div class=\"pn\"><img src=\"{{ART lightbox}}\" alt=\"{{ARTALT lightbox}}\"><div class=\"ov\"><span class=\"tl\">REVIEW</span><span class=\"br\">1 pane</span></div></div><p class=\"pz\">£190<small> / seat / month</small></p><div class=\"tool\"><i></i><span>Single pane viewing</span><b>yes</b></div><div class=\"tool\"><i></i><span>Measurement tools</span><b>yes</b></div><div class=\"tool\"><i></i><span>Structured reporting</span><b>no</b></div><div class=\"tool\"><i></i><span>Prior comparison</span><b>no</b></div><button class=\"gh\">Choose Review</button></article>\n<article class=\"on\"><div class=\"pn\"><img src=\"{{ART scan}}\" alt=\"{{ARTALT scan}}\"><div class=\"ov\"><span class=\"tl\">REPORT</span><span class=\"br\">4 panes</span></div></div><p class=\"pz\">£420<small> / seat / month</small></p><div class=\"tool\"><i></i><span>One, two and four panes</span><b>yes</b></div><div class=\"tool\"><i></i><span>Measurement tools</span><b>yes</b></div><div class=\"tool\"><i></i><span>Structured reporting</span><b>yes</b></div><div class=\"tool\"><i></i><span>Prior comparison, linked</span><b>yes</b></div><button class=\"pri\">Choose Report</button></article>\n<article><div class=\"pn\"><img src=\"{{ART console}}\" alt=\"{{ARTALT console}}\"><div class=\"ov\"><span class=\"tl\">DEPARTMENT</span><span class=\"br\">unmetered</span></div></div><p class=\"pz\">£3,400<small> / month</small></p><div class=\"tool\"><i></i><span>Unlimited reporting seats</span><b>yes</b></div><div class=\"tool\"><i></i><span>Hanging protocol authoring</span><b>yes</b></div><div class=\"tool\"><i></i><span>Calibration monitoring</span><b>yes</b></div><div class=\"tool\"><i></i><span>On-site commissioning</span><b>yes</b></div><button class=\"gh\">Talk to us</button></article>\n</section>"
    },
    {
      "key": "note",
      "name": "Concurrency note",
      "html": "\n<footer class=\"nt\"><span class=\"k\">What concurrent means</span><p>A seat is in use while a study is open for reporting. A department of forty radiologists reading in shifts typically needs eight to twelve seats, and we will tell you the number from your own audit log before you buy any.</p></footer>"
    }
  ],
  "moduleCount": 3,
  "reorderable": true,
  "meta": {
    "id": "radiograph-licensing",
    "model": "Claude Opus 5",
    "author": "Claude Code",
    "createdAt": "2026-09-02T01:28:02+09:00",
    "updatedAt": "2026-09-02T01:28:02+09:00",
    "version": "1.0.0",
    "isNew": false
  },
  "link": "/api/v1/designs/radiograph-licensing.json",
  "structure": "Three panels each opening with a 4:3 image and its corner overlay, then icon-and-value rows reused from the rail as the feature list.",
  "html": "<div class=\"dz dz-radiograph-licensing\" data-design=\"radiograph-licensing\" data-theme=\"radiograph\">\n<section class=\"dz-mod\" data-mod=\"head\" aria-label=\"Licence header\">\n<header class=\"lh\"><span class=\"k\">Licensing</span><h1>Per concurrent reading seat</h1><p>Storage, archive, the API and unlimited review-only users are included at every tier and are not metered. What a licence buys is a seat that can report.</p></header></section>\n<section class=\"dz-mod\" data-mod=\"tiers\" aria-label=\"Licence panels\">\n<section class=\"tp\">\n<article><div class=\"pn\"><img src=\"https://designlookbook.dev/assets/img/radiograph-lightbox.webp\" alt=\"The even glow of an empty viewing panel\"><div class=\"ov\"><span class=\"tl\">REVIEW</span><span class=\"br\">1 pane</span></div></div><p class=\"pz\">£190<small> / seat / month</small></p><div class=\"tool\"><i></i><span>Single pane viewing</span><b>yes</b></div><div class=\"tool\"><i></i><span>Measurement tools</span><b>yes</b></div><div class=\"tool\"><i></i><span>Structured reporting</span><b>no</b></div><div class=\"tool\"><i></i><span>Prior comparison</span><b>no</b></div><button class=\"gh\">Choose Review</button></article>\n<article class=\"on\"><div class=\"pn\"><img src=\"https://designlookbook.dev/assets/img/radiograph-scan.webp\" alt=\"The bore of a scanner lit from inside\"><div class=\"ov\"><span class=\"tl\">REPORT</span><span class=\"br\">4 panes</span></div></div><p class=\"pz\">£420<small> / seat / month</small></p><div class=\"tool\"><i></i><span>One, two and four panes</span><b>yes</b></div><div class=\"tool\"><i></i><span>Measurement tools</span><b>yes</b></div><div class=\"tool\"><i></i><span>Structured reporting</span><b>yes</b></div><div class=\"tool\"><i></i><span>Prior comparison, linked</span><b>yes</b></div><button class=\"pri\">Choose Report</button></article>\n<article><div class=\"pn\"><img src=\"https://designlookbook.dev/assets/img/radiograph-console.webp\" alt=\"A dim console desk with two dark screens and a purple cast\"><div class=\"ov\"><span class=\"tl\">DEPARTMENT</span><span class=\"br\">unmetered</span></div></div><p class=\"pz\">£3,400<small> / month</small></p><div class=\"tool\"><i></i><span>Unlimited reporting seats</span><b>yes</b></div><div class=\"tool\"><i></i><span>Hanging protocol authoring</span><b>yes</b></div><div class=\"tool\"><i></i><span>Calibration monitoring</span><b>yes</b></div><div class=\"tool\"><i></i><span>On-site commissioning</span><b>yes</b></div><button class=\"gh\">Talk to us</button></article>\n</section></section>\n<section class=\"dz-mod\" data-mod=\"note\" aria-label=\"Concurrency note\">\n<footer class=\"nt\"><span class=\"k\">What concurrent means</span><p>A seat is in use while a study is open for reporting. A department of forty radiologists reading in shifts typically needs eight to twelve seats, and we will tell you the number from your own audit log before you buy any.</p></footer></section>\n</div>",
  "css": "\n.dz-radiograph-licensing { background: var(--background); color: var(--foreground); font-family: var(--pv-body); padding: 28px 16px; }\n.dz-radiograph-licensing .k { text-transform: uppercase; letter-spacing: .14em; font-size: 10px; font-weight: 600; color: var(--muted-foreground); display: block; margin-bottom: 8px; }\n.dz-radiograph-licensing .lh { max-width: 60ch; margin-bottom: 24px; }\n.dz-radiograph-licensing h1 { font-size: 26px; font-weight: 600; letter-spacing: -.01em; margin: 4px 0 8px; }\n.dz-radiograph-licensing .lh p { margin: 0; font-size: 13.5px; line-height: 1.6; color: var(--muted-foreground); }\n.dz-radiograph-licensing .tp { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }\n.dz-radiograph-licensing .tp article { background: var(--card); border: 1px solid var(--border); border-radius: 4px; padding: 12px; }\n.dz-radiograph-licensing .tp .on { border-color: var(--primary); }\n.dz-radiograph-licensing .pn { position: relative; background: var(--secondary); overflow: hidden; aspect-ratio: 4 / 3; border-radius: 3px; }\n.dz-radiograph-licensing .pn img { width: 100%; height: 100%; object-fit: cover; display: block; filter: var(--img-filter); }\n\n.dz-radiograph-licensing .ov { position: absolute; inset: 0; pointer-events: none; }\n.dz-radiograph-licensing .ov span { position: absolute; font-family: var(--pv-mono); font-size: 12px; letter-spacing: .01em; color: var(--primary-foreground); opacity: .82; line-height: 1.5; }\n.dz-radiograph-licensing .ov .tl { top: 10px; left: 12px; }\n.dz-radiograph-licensing .ov .tr { top: 10px; right: 12px; text-align: right; }\n.dz-radiograph-licensing .ov .bl { bottom: 10px; left: 12px; }\n.dz-radiograph-licensing .ov .br { bottom: 10px; right: 12px; text-align: right; }\n.dz-radiograph-licensing .pz { font-family: var(--pv-mono); font-size: 12px; letter-spacing: .01em; font-size: 30px; margin: 14px 0 12px; letter-spacing: -.02em; }\n.dz-radiograph-licensing .pz small { font-size: 12px; color: var(--muted-foreground); }\n.dz-radiograph-licensing .tool { display: flex; align-items: center; gap: 10px; height: 36px; font-size: 13px; border-bottom: 1px solid var(--border); }\n.dz-radiograph-licensing .tool i { width: 16px; height: 16px; border: 2px solid var(--muted-foreground); border-radius: 3px; display: block; flex: none; }\n.dz-radiograph-licensing .tool b { font-family: var(--pv-mono); font-size: 12px; letter-spacing: .01em; margin-left: auto; font-weight: 400; color: var(--muted-foreground); }\n.dz-radiograph-licensing button { width: 100%; margin-top: 14px; border-radius: 3px; padding: 10px; font: inherit; font-size: 13.5px; cursor: pointer; }\n.dz-radiograph-licensing .pri { background: var(--primary); color: var(--primary-foreground); border: 0; }\n.dz-radiograph-licensing .gh { background: transparent; color: var(--foreground); border: 1px solid var(--border); }\n.dz-radiograph-licensing .nt { max-width: 66ch; margin-top: 24px; padding-top: 16px; border-top: 1px solid var(--border); }\n.dz-radiograph-licensing .nt p { margin: 0; font-size: 13.5px; line-height: 1.6; color: var(--muted-foreground); }\n@media (prefers-reduced-motion: reduce) { .dz-radiograph-licensing *, .dz-radiograph-licensing *::before, .dz-radiograph-licensing *::after { transition-duration: 1ms !important; animation-duration: 1ms !important; } }\n",
  "requiredTheme": "/api/v1/themes/radiograph.json",
  "googleFontsHref": "https://fonts.googleapis.com/css2?family=Geologica:wght@400;500;600;700&family=B612+Mono:wght@400;500;600;700&display=swap"
}