{
  "id": "ferro-brut-rates",
  "name": "Day Rates",
  "theme": "ferro-brut",
  "category": "Pricing",
  "description": "Three hire rates as three concrete blocks of equal weight, with the differences pushed into a comparison table rather than into badges and ticks.",
  "layout": "Three equal columns butted together with no gap, each a full-height block, followed by a comparison table whose rows are 3px-ruled and whose only fill is the recommended column.",
  "modules": [
    {
      "key": "head",
      "name": "Header",
      "html": "\n<header class=\"hd\"><h1>Day rates</h1><p>Plant with operator, ten-hour day, fuel included. Rates hold for the length of the contract.</p></header>"
    },
    {
      "key": "plans",
      "name": "Rate blocks",
      "html": "\n<section class=\"pl\">\n  <article><h2>Single</h2><b class=\"pr\">£640</b><span class=\"u\">per machine day</span><ul><li>One machine, one operator</li><li>Minimum two days</li><li>48 hours notice</li><li>Fuel included</li></ul><button type=\"button\">Book</button></article>\n  <article class=\"best\"><span class=\"tag\">Most booked</span><h2>Crew</h2><b class=\"pr\">£2,880</b><span class=\"u\">per crew day</span><ul><li>Four machines, four operators</li><li>Site supervisor included</li><li>Minimum five days</li><li>Fuel and transport included</li></ul><button type=\"button\" class=\"go\">Book</button></article>\n  <article><h2>Contract</h2><b class=\"pr\">POA</b><span class=\"u\">priced per package</span><ul><li>Whole package, priced up front</li><li>Named supervision</li><li>Programme guarantee</li><li>Retention terms negotiable</li></ul><button type=\"button\">Talk to us</button></article>\n</section>"
    },
    {
      "key": "compare",
      "name": "Comparison",
      "html": "\n<table>\n  <thead><tr><th>What you get</th><th>Single</th><th class=\"hl\">Crew</th><th>Contract</th></tr></thead>\n  <tbody>\n    <tr><td>Operator supplied</td><td>Yes</td><td class=\"hl\">Yes</td><td>Yes</td></tr>\n    <tr><td>Site supervisor</td><td>No</td><td class=\"hl\">Yes</td><td>Named</td></tr>\n    <tr><td>Transport to site</td><td>Charged</td><td class=\"hl\">Included</td><td>Included</td></tr>\n    <tr><td>Programme guarantee</td><td>No</td><td class=\"hl\">No</td><td>Yes</td></tr>\n    <tr><td>Notice to cancel</td><td>48 h</td><td class=\"hl\">5 days</td><td>Per contract</td></tr>\n  </tbody>\n</table>"
    }
  ],
  "moduleCount": 3,
  "reorderable": true,
  "meta": {
    "id": "ferro-brut-rates",
    "model": "Claude Opus 5",
    "author": "Claude Code",
    "createdAt": "2026-09-01T19:43:16+09:00",
    "updatedAt": "2026-09-01T19:43:16+09:00",
    "version": "1.0.0",
    "isNew": false
  },
  "link": "/api/v1/designs/ferro-brut-rates.json",
  "structure": "Three equal columns butted together with no gap, each a full-height block, followed by a comparison table whose rows are 3px-ruled and whose only fill is the recommended column.",
  "html": "<div class=\"dz dz-ferro-brut-rates\" data-design=\"ferro-brut-rates\" data-theme=\"ferro-brut\">\n<section class=\"dz-mod\" data-mod=\"head\" aria-label=\"Header\">\n<header class=\"hd\"><h1>Day rates</h1><p>Plant with operator, ten-hour day, fuel included. Rates hold for the length of the contract.</p></header></section>\n<section class=\"dz-mod\" data-mod=\"plans\" aria-label=\"Rate blocks\">\n<section class=\"pl\">\n  <article><h2>Single</h2><b class=\"pr\">£640</b><span class=\"u\">per machine day</span><ul><li>One machine, one operator</li><li>Minimum two days</li><li>48 hours notice</li><li>Fuel included</li></ul><button type=\"button\">Book</button></article>\n  <article class=\"best\"><span class=\"tag\">Most booked</span><h2>Crew</h2><b class=\"pr\">£2,880</b><span class=\"u\">per crew day</span><ul><li>Four machines, four operators</li><li>Site supervisor included</li><li>Minimum five days</li><li>Fuel and transport included</li></ul><button type=\"button\" class=\"go\">Book</button></article>\n  <article><h2>Contract</h2><b class=\"pr\">POA</b><span class=\"u\">priced per package</span><ul><li>Whole package, priced up front</li><li>Named supervision</li><li>Programme guarantee</li><li>Retention terms negotiable</li></ul><button type=\"button\">Talk to us</button></article>\n</section></section>\n<section class=\"dz-mod\" data-mod=\"compare\" aria-label=\"Comparison\">\n<table>\n  <thead><tr><th>What you get</th><th>Single</th><th class=\"hl\">Crew</th><th>Contract</th></tr></thead>\n  <tbody>\n    <tr><td>Operator supplied</td><td>Yes</td><td class=\"hl\">Yes</td><td>Yes</td></tr>\n    <tr><td>Site supervisor</td><td>No</td><td class=\"hl\">Yes</td><td>Named</td></tr>\n    <tr><td>Transport to site</td><td>Charged</td><td class=\"hl\">Included</td><td>Included</td></tr>\n    <tr><td>Programme guarantee</td><td>No</td><td class=\"hl\">No</td><td>Yes</td></tr>\n    <tr><td>Notice to cancel</td><td>48 h</td><td class=\"hl\">5 days</td><td>Per contract</td></tr>\n  </tbody>\n</table></section>\n</div>",
  "css": "\n.dz-ferro-brut-rates { background: var(--background); color: var(--foreground); font-family: var(--pv-body); }\n.dz-ferro-brut-rates .hd { padding: 26px 24px 20px; border-bottom: 3px solid var(--foreground); }\n.dz-ferro-brut-rates .hd h1 { font-family: var(--pv-display); text-transform: uppercase; letter-spacing: .01em; font-weight: 400; font-size: 60px; margin: 0 0 8px; }\n.dz-ferro-brut-rates .hd p { font-size: 15px; margin: 0; max-width: 56ch; }\n.dz-ferro-brut-rates .pl { display: grid; grid-template-columns: repeat(3, 1fr); }\n.dz-ferro-brut-rates .pl article { padding: 22px 20px 24px; border-right: 3px solid var(--foreground); border-bottom: 3px solid var(--foreground); display: flex; flex-direction: column; gap: 8px; position: relative; }\n.dz-ferro-brut-rates .pl article:last-child { border-right: 0; }\n.dz-ferro-brut-rates .best { background: var(--card); }\n.dz-ferro-brut-rates .tag { position: absolute; top: 0; right: 0; background: var(--primary); color: var(--primary-foreground); border: 3px solid var(--foreground); border-radius: 0; font-size: 11px; text-transform: uppercase; letter-spacing: .12em; padding: 5px 10px; border-width: 0 0 3px 3px; }\n.dz-ferro-brut-rates .pl h2 { font-family: var(--pv-display); text-transform: uppercase; letter-spacing: .01em; font-weight: 400; font-size: 30px; margin: 0; }\n.dz-ferro-brut-rates .pr { font-family: var(--pv-mono); font-size: 42px; font-weight: 700; line-height: 1; }\n.dz-ferro-brut-rates .u { font-size: 12px; text-transform: uppercase; letter-spacing: .1em; color: var(--muted-foreground); }\n.dz-ferro-brut-rates .pl ul { list-style: none; margin: 10px 0 16px; padding: 0; flex: 1; }\n.dz-ferro-brut-rates .pl li { font-size: 14px; padding: 7px 0 7px 18px; position: relative; border-bottom: var(--pv-bw) solid var(--border); }\n.dz-ferro-brut-rates .pl li::before { content: \"\"; position: absolute; left: 0; top: 14px; width: 9px; height: 3px; background: var(--accent); }\n.dz-ferro-brut-rates .pl button { font: inherit; font-family: var(--pv-display); text-transform: uppercase; letter-spacing: .01em; font-weight: 400; font-size: 17px; background: transparent; color: var(--foreground); border: 3px solid var(--foreground); padding: 10px; cursor: pointer; transition: background var(--dur-fast) var(--ease); }\n.dz-ferro-brut-rates .pl button:hover { background: var(--foreground); color: var(--background); }\n.dz-ferro-brut-rates .go { background: var(--primary); color: var(--primary-foreground); border: 3px solid var(--foreground); border-radius: 0; }\n.dz-ferro-brut-rates .go:hover { background: var(--foreground) !important; color: var(--background) !important; }\n.dz-ferro-brut-rates table { width: 100%; border-collapse: collapse; }\n.dz-ferro-brut-rates th { font-family: var(--pv-display); text-transform: uppercase; letter-spacing: .01em; font-weight: 400; font-size: 17px; text-align: left; padding: 12px 16px; border-bottom: 3px solid var(--foreground); }\n.dz-ferro-brut-rates td { padding: 11px 16px; font-size: 14px; border-bottom: var(--pv-bw) solid var(--border); }\n.dz-ferro-brut-rates th:not(:first-child), .dz-ferro-brut-rates td:not(:first-child) { text-align: center; font-family: var(--pv-mono); }\n.dz-ferro-brut-rates .hl { background: var(--card); }\n@media (prefers-reduced-motion: reduce) { .dz-ferro-brut-rates *, .dz-ferro-brut-rates *::before, .dz-ferro-brut-rates *::after { transition-duration: 1ms !important; animation-duration: 1ms !important; } }",
  "requiredTheme": "/api/v1/themes/ferro-brut.json",
  "googleFontsHref": "https://fonts.googleapis.com/css2?family=Bebas+Neue:wght@400;500;600;700&family=Roboto+Condensed:wght@400;500;600;700&family=Roboto+Mono:wght@400;500;600;700&display=swap"
}