{
  "id": "drafting-room-estimate",
  "name": "Estimate Sheet",
  "theme": "drafting-room",
  "category": "Dashboard",
  "description": "A live estimate where every panel is dimensioned and the variance against tender is the one thing set in red, because red on a print means somebody has written on it.",
  "layout": "A four-panel dimensioned band over a bordered quantity schedule, with the title block anchored bottom-right of the sheet.",
  "modules": [
    {
      "key": "band",
      "name": "Dimensioned band",
      "html": "\n<section class=\"db\">\n  <div class=\"pn\"><span class=\"k\">Tender sum</span><b class=\"n\">£4,120,400</b><span class=\"dm\">accepted 04.03.26</span></div>\n  <div class=\"pn\"><span class=\"k\">Committed</span><b class=\"n\">£3,884,110</b><span class=\"dm\">94.3% of tender</span></div>\n  <div class=\"pn\"><span class=\"k\">Forecast final</span><b class=\"n\">£4,206,880</b><span class=\"dm red\">+£86,480 over</span></div>\n  <div class=\"pn\"><span class=\"k\">Retention held</span><b class=\"n\">£206,020</b><span class=\"dm\">5% to practical completion</span></div>\n  <div class=\"dim\"><span>1,340 mm — sheet width at 1:50</span></div>\n</section>"
    },
    {
      "key": "sched",
      "name": "Quantity schedule",
      "html": "\n<section class=\"sc\"><header><h2>Schedule of quantities — substructure</h2><span class=\"k\">Rev C</span></header>\n<table><thead><tr><th>Item</th><th>Description</th><th>Unit</th><th>Qty</th><th>Rate</th><th>Amount</th><th>Var</th></tr></thead>\n<tbody>\n<tr><td class=\"n\">D20.10</td><td>Excavate to reduce level, not exceeding 2 m</td><td class=\"n\">m³</td><td class=\"n\">1,240</td><td class=\"n\">18.40</td><td class=\"n\">22,816</td><td class=\"n\">—</td></tr>\n<tr><td class=\"n\">D20.20</td><td>Disposal off site, inert</td><td class=\"n\">m³</td><td class=\"n\">1,240</td><td class=\"n\">26.10</td><td class=\"n\">32,364</td><td class=\"n\">—</td></tr>\n<tr class=\"rev\"><td class=\"n\">E10.05</td><td>Mass concrete fill, C20/25</td><td class=\"n\">m³</td><td class=\"n\">188</td><td class=\"n\">142.00</td><td class=\"n\">26,696</td><td class=\"n red\">+41 m³</td></tr>\n<tr><td class=\"n\">E30.10</td><td>Reinforcement, high yield, 16 mm</td><td class=\"n\">t</td><td class=\"n\">14.2</td><td class=\"n\">1,880.00</td><td class=\"n\">26,696</td><td class=\"n\">—</td></tr>\n<tr class=\"rev\"><td class=\"n\">E20.15</td><td>Formwork to sides of foundations</td><td class=\"n\">m²</td><td class=\"n\">412</td><td class=\"n\">62.50</td><td class=\"n\">25,750</td><td class=\"n red\">+68 m²</td></tr>\n<tr><td class=\"n\">F10.20</td><td>Blockwork below dpc, 140 mm</td><td class=\"n\">m²</td><td class=\"n\">306</td><td class=\"n\">88.00</td><td class=\"n\">26,928</td><td class=\"n\">—</td></tr>\n</tbody></table>\n<p class=\"rn\">Revision C: two items increased following the ground investigation of 11 May. Both are marked with a revision cloud on drawing 204.</p></section>"
    },
    {
      "key": "title",
      "name": "Title block",
      "html": "\n<footer class=\"tb\">\n  <div><span class=\"k\">Project</span><b>Kilcarn Depot — Phase 2</b></div>\n  <div><span class=\"k\">Sheet</span><b class=\"n\">QS-014</b></div>\n  <div><span class=\"k\">Scale</span><b class=\"n\">1:50 @ A1</b></div>\n  <div><span class=\"k\">Revision</span><b class=\"n\">C</b></div>\n  <div><span class=\"k\">Drawn</span><b>H. Vestergaard</b></div>\n  <div><span class=\"k\">Date</span><b class=\"n\">11.06.2026</b></div>\n</footer>"
    }
  ],
  "moduleCount": 3,
  "reorderable": true,
  "meta": {
    "id": "drafting-room-estimate",
    "model": "Claude Opus 5",
    "author": "Claude Code",
    "createdAt": "2026-09-01T23:51:44+09:00",
    "updatedAt": "2026-09-01T23:51:44+09:00",
    "version": "1.0.0",
    "isNew": false
  },
  "link": "/api/v1/designs/drafting-room-estimate.json",
  "structure": "A four-panel dimensioned band over a bordered quantity schedule, with the title block anchored bottom-right of the sheet.",
  "html": "<div class=\"dz dz-drafting-room-estimate\" data-design=\"drafting-room-estimate\" data-theme=\"drafting-room\">\n<section class=\"dz-mod\" data-mod=\"band\" aria-label=\"Dimensioned band\">\n<section class=\"db\">\n  <div class=\"pn\"><span class=\"k\">Tender sum</span><b class=\"n\">£4,120,400</b><span class=\"dm\">accepted 04.03.26</span></div>\n  <div class=\"pn\"><span class=\"k\">Committed</span><b class=\"n\">£3,884,110</b><span class=\"dm\">94.3% of tender</span></div>\n  <div class=\"pn\"><span class=\"k\">Forecast final</span><b class=\"n\">£4,206,880</b><span class=\"dm red\">+£86,480 over</span></div>\n  <div class=\"pn\"><span class=\"k\">Retention held</span><b class=\"n\">£206,020</b><span class=\"dm\">5% to practical completion</span></div>\n  <div class=\"dim\"><span>1,340 mm — sheet width at 1:50</span></div>\n</section></section>\n<section class=\"dz-mod\" data-mod=\"sched\" aria-label=\"Quantity schedule\">\n<section class=\"sc\"><header><h2>Schedule of quantities — substructure</h2><span class=\"k\">Rev C</span></header>\n<table><thead><tr><th>Item</th><th>Description</th><th>Unit</th><th>Qty</th><th>Rate</th><th>Amount</th><th>Var</th></tr></thead>\n<tbody>\n<tr><td class=\"n\">D20.10</td><td>Excavate to reduce level, not exceeding 2 m</td><td class=\"n\">m³</td><td class=\"n\">1,240</td><td class=\"n\">18.40</td><td class=\"n\">22,816</td><td class=\"n\">—</td></tr>\n<tr><td class=\"n\">D20.20</td><td>Disposal off site, inert</td><td class=\"n\">m³</td><td class=\"n\">1,240</td><td class=\"n\">26.10</td><td class=\"n\">32,364</td><td class=\"n\">—</td></tr>\n<tr class=\"rev\"><td class=\"n\">E10.05</td><td>Mass concrete fill, C20/25</td><td class=\"n\">m³</td><td class=\"n\">188</td><td class=\"n\">142.00</td><td class=\"n\">26,696</td><td class=\"n red\">+41 m³</td></tr>\n<tr><td class=\"n\">E30.10</td><td>Reinforcement, high yield, 16 mm</td><td class=\"n\">t</td><td class=\"n\">14.2</td><td class=\"n\">1,880.00</td><td class=\"n\">26,696</td><td class=\"n\">—</td></tr>\n<tr class=\"rev\"><td class=\"n\">E20.15</td><td>Formwork to sides of foundations</td><td class=\"n\">m²</td><td class=\"n\">412</td><td class=\"n\">62.50</td><td class=\"n\">25,750</td><td class=\"n red\">+68 m²</td></tr>\n<tr><td class=\"n\">F10.20</td><td>Blockwork below dpc, 140 mm</td><td class=\"n\">m²</td><td class=\"n\">306</td><td class=\"n\">88.00</td><td class=\"n\">26,928</td><td class=\"n\">—</td></tr>\n</tbody></table>\n<p class=\"rn\">Revision C: two items increased following the ground investigation of 11 May. Both are marked with a revision cloud on drawing 204.</p></section></section>\n<section class=\"dz-mod\" data-mod=\"title\" aria-label=\"Title block\">\n<footer class=\"tb\">\n  <div><span class=\"k\">Project</span><b>Kilcarn Depot — Phase 2</b></div>\n  <div><span class=\"k\">Sheet</span><b class=\"n\">QS-014</b></div>\n  <div><span class=\"k\">Scale</span><b class=\"n\">1:50 @ A1</b></div>\n  <div><span class=\"k\">Revision</span><b class=\"n\">C</b></div>\n  <div><span class=\"k\">Drawn</span><b>H. Vestergaard</b></div>\n  <div><span class=\"k\">Date</span><b class=\"n\">11.06.2026</b></div>\n</footer></section>\n</div>",
  "css": "\n.dz-drafting-room-estimate { background: var(--background); color: var(--foreground); font-family: var(--pv-body); padding: 32px; }\n.dz-drafting-room-estimate .k { text-transform: uppercase; letter-spacing: .18em; font-size: 10px; font-weight: 600; color: var(--muted-foreground); display: block; }\n.dz-drafting-room-estimate .n { font-family: var(--pv-mono); font-variant-numeric: tabular-nums; font-size: 12px; }\n.dz-drafting-room-estimate .db { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-bottom: 26px; }\n.dz-drafting-room-estimate .pn { background: var(--card); border: 1px solid var(--primary); padding: 16px; }\n.dz-drafting-room-estimate .pn b { display: block; font-family: var(--pv-mono); font-size: 26px; margin: 7px 0 4px; }\n.dz-drafting-room-estimate .dm { font-family: var(--pv-mono); font-variant-numeric: tabular-nums; font-size: 12px; color: var(--muted-foreground); }\n.dz-drafting-room-estimate .red { color: var(--accent); }\n.dz-drafting-room-estimate .dim { grid-column: 1 / -1; position: relative; height: 22px; margin-top: 8px;\n  background: linear-gradient(var(--primary), var(--primary)) center/100% 1px no-repeat; }\n.dz-drafting-room-estimate .dim::before, .dz-drafting-room-estimate .dim::after { content: \"\"; position: absolute; top: 0; bottom: 0; width: 1px; background: var(--primary); opacity: .55; }\n.dz-drafting-room-estimate .dim::before { left: 0; }\n.dz-drafting-room-estimate .dim::after { right: 0; }\n.dz-drafting-room-estimate .dim span { position: absolute; left: 50%; top: 2px; transform: translateX(-50%); background: var(--background); padding: 0 10px; font-family: var(--pv-mono); font-variant-numeric: tabular-nums; font-size: 12px; color: var(--primary); }\n.dz-drafting-room-estimate .sc { border: 1px solid var(--primary); background: var(--card); }\n.dz-drafting-room-estimate .sc header { display: flex; justify-content: space-between; align-items: baseline; padding: 14px 18px; border-bottom: 1px solid var(--primary); }\n.dz-drafting-room-estimate h2 { font-family: var(--pv-display); font-weight: 600; letter-spacing: -.02em; font-size: 18px; margin: 0; }\n.dz-drafting-room-estimate table { width: 100%; border-collapse: collapse; }\n.dz-drafting-room-estimate th { text-transform: uppercase; letter-spacing: .18em; font-size: 10px; font-weight: 600; color: var(--muted-foreground); text-align: right; padding: 9px 12px; border-bottom: 1px solid var(--primary); border-right: 1px solid var(--border); }\n.dz-drafting-room-estimate th:nth-child(-n+2) { text-align: left; }\n.dz-drafting-room-estimate td { padding: 9px 12px; text-align: right; border-bottom: 1px solid var(--border); border-right: 1px solid var(--border); font-size: 13px; }\n.dz-drafting-room-estimate td:nth-child(2) { text-align: left; }\n.dz-drafting-room-estimate th:last-child, .dz-drafting-room-estimate td:last-child { border-right: 0; }\n.dz-drafting-room-estimate tr.rev { outline: 1px dashed var(--accent); outline-offset: -1px; }\n.dz-drafting-room-estimate .rn { margin: 0; padding: 12px 18px; font-size: 12.5px; color: var(--muted-foreground); border-top: 1px solid var(--border); }\n.dz-drafting-room-estimate .tb { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; border: 1px solid var(--primary); margin-top: 26px; margin-left: auto; width: 520px; }\n.dz-drafting-room-estimate .tb div { padding: 9px 12px; border-right: 1px solid var(--border); border-bottom: 1px solid var(--border); }\n.dz-drafting-room-estimate .tb div:nth-child(3n) { border-right: 0; }\n.dz-drafting-room-estimate .tb div:nth-last-child(-n+3) { border-bottom: 0; }\n.dz-drafting-room-estimate .tb b { font-size: 13px; }\n@media (prefers-reduced-motion: reduce) { .dz-drafting-room-estimate *, .dz-drafting-room-estimate *::before, .dz-drafting-room-estimate *::after { transition-duration: 1ms !important; animation-duration: 1ms !important; } }\n",
  "requiredTheme": "/api/v1/themes/drafting-room.json",
  "googleFontsHref": "https://fonts.googleapis.com/css2?family=Saira:wght@400;500;600;700&family=Be+Vietnam+Pro:wght@400;500;600;700&family=Fira+Code:wght@400;500;600;700&display=swap"
}