{
  "id": "radiograph-report",
  "name": "Report",
  "theme": "radiograph",
  "category": "Data & Reports",
  "description": "The structured report, where every measurement carries a mono value and a link back to the image it was made on, and the impression is the only prose.",
  "layout": "A key-image strip at 60% width across the top, then a findings table with mono values, then a single impression block at a 60ch measure.",
  "modules": [
    {
      "key": "head",
      "name": "Report head",
      "html": "\n<header class=\"rh\"><div><span class=\"k\">Report · CT chest without contrast</span><h1>ANON-44182</h1><p class=\"mn\">ACQUIRED 2026-03-12 07:44 · REPORTED 2026-03-12 14:20 · DR H. ALDWYN</p></div><span class=\"st\">Final</span></header>"
    },
    {
      "key": "keys",
      "name": "Key images",
      "html": "\n<section class=\"ki\"><div class=\"pn\"><img src=\"{{ART scan}}\" alt=\"{{ARTALT scan}}\"><div class=\"ov\"><span class=\"tl\">SER 3 · IMG 118</span><span class=\"br\">10 mm</span></div></div><div class=\"pn\"><img src=\"{{ART lightbox}}\" alt=\"{{ARTALT lightbox}}\"><div class=\"ov\"><span class=\"tl\">SER 3 · IMG 142</span><span class=\"br\">10 mm</span></div></div><div class=\"pn\"><img src=\"{{ART console}}\" alt=\"{{ARTALT console}}\"><div class=\"ov\"><span class=\"tl\">SER 7 · IMG 061</span><span class=\"br\">5 mm</span></div></div><div class=\"pn\"><img src=\"{{ART corridor}}\" alt=\"{{ARTALT corridor}}\"><div class=\"ov\"><span class=\"tl\">SER 7 · IMG 088</span><span class=\"br\">5 mm</span></div></div></section>"
    },
    {
      "key": "find",
      "name": "Findings table",
      "html": "\n<section class=\"fd\"><span class=\"k\">Findings</span>\n<div class=\"hd\"><span>Region</span><span>Finding</span><span>Measurement</span><span>Prior</span><span>Image</span></div>\n<div class=\"rw\"><span>Right upper lobe</span><span>Solid nodule, spiculated margin</span><span class=\"mn hi\">11.4 mm</span><span class=\"mn\">8.1 mm</span><span class=\"mn lk\">S3 / 118</span></div>\n<div class=\"rw\"><span>Right upper lobe</span><span>Mean attenuation</span><span class=\"mn\">−812 HU</span><span class=\"mn\">−796 HU</span><span class=\"mn lk\">S3 / 118</span></div>\n<div class=\"rw\"><span>Mediastinum</span><span>No pathologically enlarged node</span><span class=\"mn\">&lt; 10 mm</span><span class=\"mn\">&lt; 10 mm</span><span class=\"mn lk\">S7 / 061</span></div>\n<div class=\"rw\"><span>Pleura</span><span>No effusion</span><span class=\"mn\">—</span><span class=\"mn\">—</span><span class=\"mn lk\">S7 / 088</span></div>\n<div class=\"rw\"><span>Bones</span><span>No aggressive lesion</span><span class=\"mn\">—</span><span class=\"mn\">—</span><span class=\"mn lk\">S7 / 044</span></div>\n</section>"
    },
    {
      "key": "imp",
      "name": "Impression",
      "html": "\n<footer class=\"ip\"><span class=\"k\">Impression</span><p>Interval enlargement of the right upper lobe nodule from 8.1 to 11.4 mm over 189 days, with an estimated volume doubling time of 212 days. Appearances are concerning for malignancy. Recommend tissue sampling; discussed with the referring team at 14:35.</p><p class=\"sg mn\">DR H. ALDWYN · CONSULTANT RADIOLOGIST · GMC 4482913</p></footer>"
    }
  ],
  "moduleCount": 4,
  "reorderable": true,
  "meta": {
    "id": "radiograph-report",
    "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-report.json",
  "structure": "A key-image strip at 60% width across the top, then a findings table with mono values, then a single impression block at a 60ch measure.",
  "html": "<div class=\"dz dz-radiograph-report\" data-design=\"radiograph-report\" data-theme=\"radiograph\">\n<section class=\"dz-mod\" data-mod=\"head\" aria-label=\"Report head\">\n<header class=\"rh\"><div><span class=\"k\">Report · CT chest without contrast</span><h1>ANON-44182</h1><p class=\"mn\">ACQUIRED 2026-03-12 07:44 · REPORTED 2026-03-12 14:20 · DR H. ALDWYN</p></div><span class=\"st\">Final</span></header></section>\n<section class=\"dz-mod\" data-mod=\"keys\" aria-label=\"Key images\">\n<section class=\"ki\"><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\">SER 3 · IMG 118</span><span class=\"br\">10 mm</span></div></div><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\">SER 3 · IMG 142</span><span class=\"br\">10 mm</span></div></div><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\">SER 7 · IMG 061</span><span class=\"br\">5 mm</span></div></div><div class=\"pn\"><img src=\"https://designlookbook.dev/assets/img/radiograph-corridor.webp\" alt=\"A hospital corridor at night with cyan floor light\"><div class=\"ov\"><span class=\"tl\">SER 7 · IMG 088</span><span class=\"br\">5 mm</span></div></div></section></section>\n<section class=\"dz-mod\" data-mod=\"find\" aria-label=\"Findings table\">\n<section class=\"fd\"><span class=\"k\">Findings</span>\n<div class=\"hd\"><span>Region</span><span>Finding</span><span>Measurement</span><span>Prior</span><span>Image</span></div>\n<div class=\"rw\"><span>Right upper lobe</span><span>Solid nodule, spiculated margin</span><span class=\"mn hi\">11.4 mm</span><span class=\"mn\">8.1 mm</span><span class=\"mn lk\">S3 / 118</span></div>\n<div class=\"rw\"><span>Right upper lobe</span><span>Mean attenuation</span><span class=\"mn\">−812 HU</span><span class=\"mn\">−796 HU</span><span class=\"mn lk\">S3 / 118</span></div>\n<div class=\"rw\"><span>Mediastinum</span><span>No pathologically enlarged node</span><span class=\"mn\">&lt; 10 mm</span><span class=\"mn\">&lt; 10 mm</span><span class=\"mn lk\">S7 / 061</span></div>\n<div class=\"rw\"><span>Pleura</span><span>No effusion</span><span class=\"mn\">—</span><span class=\"mn\">—</span><span class=\"mn lk\">S7 / 088</span></div>\n<div class=\"rw\"><span>Bones</span><span>No aggressive lesion</span><span class=\"mn\">—</span><span class=\"mn\">—</span><span class=\"mn lk\">S7 / 044</span></div>\n</section></section>\n<section class=\"dz-mod\" data-mod=\"imp\" aria-label=\"Impression\">\n<footer class=\"ip\"><span class=\"k\">Impression</span><p>Interval enlargement of the right upper lobe nodule from 8.1 to 11.4 mm over 189 days, with an estimated volume doubling time of 212 days. Appearances are concerning for malignancy. Recommend tissue sampling; discussed with the referring team at 14:35.</p><p class=\"sg mn\">DR H. ALDWYN · CONSULTANT RADIOLOGIST · GMC 4482913</p></footer></section>\n</div>",
  "css": "\n.dz-radiograph-report { background: var(--background); color: var(--foreground); font-family: var(--pv-body); padding: 16px; }\n.dz-radiograph-report .k { text-transform: uppercase; letter-spacing: .14em; font-size: 10px; font-weight: 600; color: var(--muted-foreground); display: block; margin-bottom: 10px; }\n.dz-radiograph-report .mn { font-family: var(--pv-mono); font-size: 12px; letter-spacing: .01em; }\n.dz-radiograph-report .rh { display: flex; align-items: flex-start; gap: 20px; padding-bottom: 14px; border-bottom: 1px solid var(--border); margin-bottom: 16px; }\n.dz-radiograph-report h1 { font-size: 26px; font-weight: 600; letter-spacing: -.01em; margin: 4px 0 4px; }\n.dz-radiograph-report .rh .mn { color: var(--muted-foreground); margin: 0; }\n.dz-radiograph-report .st { text-transform: uppercase; letter-spacing: .14em; font-size: 10px; font-weight: 600; background: var(--accent); color: var(--accent-foreground); border-radius: 3px; padding: 5px 10px; margin-left: auto; }\n.dz-radiograph-report .ki { display: grid; grid-template-columns: repeat(4, 1fr); gap: 2px; background: var(--border); margin-bottom: 20px; }\n.dz-radiograph-report .pn { position: relative; background: var(--secondary); overflow: hidden; aspect-ratio: 4 / 3; }\n.dz-radiograph-report .pn img { width: 100%; height: 100%; object-fit: cover; display: block; filter: var(--img-filter); }\n\n.dz-radiograph-report .ov { position: absolute; inset: 0; pointer-events: none; }\n.dz-radiograph-report .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-report .ov .tl { top: 10px; left: 12px; }\n.dz-radiograph-report .ov .tr { top: 10px; right: 12px; text-align: right; }\n.dz-radiograph-report .ov .bl { bottom: 10px; left: 12px; }\n.dz-radiograph-report .ov .br { bottom: 10px; right: 12px; text-align: right; }\n.dz-radiograph-report .fd { margin-bottom: 20px; }\n.dz-radiograph-report .fd .hd, .dz-radiograph-report .fd .rw { display: grid; grid-template-columns: 180px 1fr 130px 110px 90px; gap: 16px; align-items: center; }\n.dz-radiograph-report .fd .hd { text-transform: uppercase; letter-spacing: .14em; font-size: 10px; font-weight: 600; color: var(--muted-foreground); height: 30px; border-bottom: 1px solid var(--border); }\n.dz-radiograph-report .fd .rw { height: 38px; border-bottom: 1px solid var(--border); font-size: 13.5px; }\n.dz-radiograph-report .hi { color: var(--accent); }\n.dz-radiograph-report .lk { color: var(--primary); }\n.dz-radiograph-report .ip { max-width: 60ch; }\n.dz-radiograph-report .ip p { font-size: 13.5px; line-height: 1.6; margin: 0 0 14px; }\n.dz-radiograph-report .sg { color: var(--muted-foreground); }\n@media (prefers-reduced-motion: reduce) { .dz-radiograph-report *, .dz-radiograph-report *::before, .dz-radiograph-report *::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"
}