{
  "id": "bloom-lab-panels",
  "name": "Panel Pricing",
  "theme": "bloom-lab",
  "category": "Pricing",
  "description": "Three panels priced by what they measure rather than by tier names, with the marker lists shown in full instead of hidden behind a compare link.",
  "layout": "Three floating cards of unequal height where the middle one is 32px taller and lifted, each listing its markers in full as a two-column pill list rather than a collapsed summary.",
  "modules": [
    {
      "key": "head",
      "name": "Header",
      "html": "\n<header class=\"hd\"><h1>Choose a panel</h1><p>One price. The draw, the lab work and the report are all in it. No membership.</p></header>"
    },
    {
      "key": "cards",
      "name": "Panel cards",
      "html": "\n<section class=\"pc\">\n  <article><h2>Baseline</h2><b class=\"pr\">£49</b><span class=\"u\">10 markers</span><p>The panel a GP would order if you asked for a general check.</p>\n    <ul><li>Haemoglobin</li><li>Ferritin</li><li>Vitamin D</li><li>TSH</li><li>HbA1c</li><li>ALT</li><li>Creatinine</li><li>CRP</li><li>Cholesterol</li><li>Sodium</li></ul>\n    <button type=\"button\">Order Baseline</button></article>\n  <article class=\"lift\"><span class=\"tag\">Most ordered</span><h2>Full</h2><b class=\"pr\">£89</b><span class=\"u\">24 markers</span><p>Everything in Baseline plus the hormones and the full lipid split.</p>\n    <ul><li>All 10 baseline</li><li>Free T4</li><li>Free T3</li><li>Cortisol</li><li>Testosterone</li><li>Oestradiol</li><li>B12</li><li>Folate</li><li>HDL</li><li>LDL</li><li>Triglycerides</li><li>Magnesium</li><li>Zinc</li><li>Selenium</li></ul>\n    <button type=\"button\" class=\"go\">Order Full</button></article>\n  <article><h2>Athlete</h2><b class=\"pr\">£129</b><span class=\"u\">31 markers</span><p>Full, plus the markers that move with heavy training loads.</p>\n    <ul><li>All 24 full</li><li>Creatine kinase</li><li>LDH</li><li>Reticulocytes</li><li>Transferrin</li><li>Iron saturation</li><li>IGF-1</li><li>SHBG</li></ul>\n    <button type=\"button\">Order Athlete</button></article>\n</section>"
    },
    {
      "key": "note",
      "name": "Footnote",
      "html": "\n<footer class=\"nt\"><p>Every panel is run in the same accredited lab and reported the same way. If a result needs a clinician, we say so on the report and the referral is free.</p></footer>"
    }
  ],
  "moduleCount": 3,
  "reorderable": true,
  "meta": {
    "id": "bloom-lab-panels",
    "model": "Claude Opus 5",
    "author": "Claude Code",
    "createdAt": "2026-09-01T19:48:21+09:00",
    "updatedAt": "2026-09-01T19:48:21+09:00",
    "version": "1.0.0",
    "isNew": false
  },
  "link": "/api/v1/designs/bloom-lab-panels.json",
  "structure": "Three floating cards of unequal height where the middle one is 32px taller and lifted, each listing its markers in full as a two-column pill list rather than a collapsed summary.",
  "html": "<div class=\"dz dz-bloom-lab-panels\" data-design=\"bloom-lab-panels\" data-theme=\"bloom-lab\">\n<section class=\"dz-mod\" data-mod=\"head\" aria-label=\"Header\">\n<header class=\"hd\"><h1>Choose a panel</h1><p>One price. The draw, the lab work and the report are all in it. No membership.</p></header></section>\n<section class=\"dz-mod\" data-mod=\"cards\" aria-label=\"Panel cards\">\n<section class=\"pc\">\n  <article><h2>Baseline</h2><b class=\"pr\">£49</b><span class=\"u\">10 markers</span><p>The panel a GP would order if you asked for a general check.</p>\n    <ul><li>Haemoglobin</li><li>Ferritin</li><li>Vitamin D</li><li>TSH</li><li>HbA1c</li><li>ALT</li><li>Creatinine</li><li>CRP</li><li>Cholesterol</li><li>Sodium</li></ul>\n    <button type=\"button\">Order Baseline</button></article>\n  <article class=\"lift\"><span class=\"tag\">Most ordered</span><h2>Full</h2><b class=\"pr\">£89</b><span class=\"u\">24 markers</span><p>Everything in Baseline plus the hormones and the full lipid split.</p>\n    <ul><li>All 10 baseline</li><li>Free T4</li><li>Free T3</li><li>Cortisol</li><li>Testosterone</li><li>Oestradiol</li><li>B12</li><li>Folate</li><li>HDL</li><li>LDL</li><li>Triglycerides</li><li>Magnesium</li><li>Zinc</li><li>Selenium</li></ul>\n    <button type=\"button\" class=\"go\">Order Full</button></article>\n  <article><h2>Athlete</h2><b class=\"pr\">£129</b><span class=\"u\">31 markers</span><p>Full, plus the markers that move with heavy training loads.</p>\n    <ul><li>All 24 full</li><li>Creatine kinase</li><li>LDH</li><li>Reticulocytes</li><li>Transferrin</li><li>Iron saturation</li><li>IGF-1</li><li>SHBG</li></ul>\n    <button type=\"button\">Order Athlete</button></article>\n</section></section>\n<section class=\"dz-mod\" data-mod=\"note\" aria-label=\"Footnote\">\n<footer class=\"nt\"><p>Every panel is run in the same accredited lab and reported the same way. If a result needs a clinician, we say so on the report and the referral is free.</p></footer></section>\n</div>",
  "css": "\n.dz-bloom-lab-panels { background: var(--background); color: var(--foreground); font-family: var(--pv-body); padding: 30px 30px 36px; }\n.dz-bloom-lab-panels .hd { text-align: center; margin-bottom: 30px; }\n.dz-bloom-lab-panels .hd h1 { font-family: var(--pv-display); font-size: 42px; font-weight: 600; letter-spacing: -.025em; margin: 0 0 8px; }\n.dz-bloom-lab-panels .hd p { font-size: 16px; color: var(--muted-foreground); margin: 0; }\n.dz-bloom-lab-panels .pc { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; align-items: start; }\n.dz-bloom-lab-panels .pc article { background: var(--card); border-radius: var(--pv-radius); box-shadow: 0 14px 34px -18px color-mix(in srgb, var(--primary) 55%, transparent), 0 2px 6px -3px color-mix(in srgb, var(--foreground) 12%, transparent); padding: 26px 24px 24px; position: relative; display: flex; flex-direction: column; }\n.dz-bloom-lab-panels .lift { margin-top: -16px; padding-top: 42px; padding-bottom: 40px; box-shadow: 0 26px 54px -22px color-mix(in srgb, var(--primary) 65%, transparent); }\n.dz-bloom-lab-panels .tag { position: absolute; top: 16px; left: 24px; font-size: 11.5px; font-weight: 600; border-radius: 999px; background: color-mix(in srgb, var(--accent) 16%, transparent); color: var(--accent); padding: 5px 13px; }\n.dz-bloom-lab-panels .pc h2 { font-family: var(--pv-display); font-size: 24px; font-weight: 600; margin: 0 0 8px; }\n.dz-bloom-lab-panels .pr { font-family: var(--pv-mono); font-size: 44px; font-weight: 500; line-height: 1; }\n.dz-bloom-lab-panels .u { font-size: 12.5px; font-weight: 600; color: var(--muted-foreground); margin-top: 6px; }\n.dz-bloom-lab-panels .pc p { font-size: 14.5px; line-height: 1.55; color: var(--muted-foreground); margin: 14px 0 16px; }\n.dz-bloom-lab-panels .pc ul { list-style: none; margin: 0 0 20px; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 6px; flex: 1; }\n.dz-bloom-lab-panels .pc li { font-size: 12.5px; border-radius: 999px; background: var(--muted); color: var(--muted-foreground); padding: 5px 11px; }\n.dz-bloom-lab-panels .pc button { font: inherit; font-size: 15px; background: transparent; color: var(--foreground); border: var(--pv-bw) solid var(--border); border-radius: 999px; padding: 13px; cursor: pointer; transition: all var(--dur) var(--ease); }\n.dz-bloom-lab-panels .pc button:hover { border-color: var(--primary); transform: translateY(-2px); }\n.dz-bloom-lab-panels .go { background: var(--primary) !important; color: var(--primary-foreground) !important; border-color: var(--primary) !important; }\n.dz-bloom-lab-panels .nt { text-align: center; padding-top: 28px; }\n.dz-bloom-lab-panels .nt p { font-size: 14px; color: var(--muted-foreground); margin: 0 auto; max-width: 66ch; line-height: 1.6; }\n@media (prefers-reduced-motion: reduce) { .dz-bloom-lab-panels *, .dz-bloom-lab-panels *::before, .dz-bloom-lab-panels *::after { transition-duration: 1ms !important; animation-duration: 1ms !important; } }",
  "requiredTheme": "/api/v1/themes/bloom-lab.json",
  "googleFontsHref": "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&family=DM+Mono:wght@400;500;600;700&display=swap"
}