{
  "id": "frost-signal-cover",
  "name": "Cold Chain",
  "theme": "frost-signal",
  "category": "Landing",
  "description": "A marketing page that leads with the binary: two counters, in range and out, at 56px in mono, before any prose about the product exists.",
  "layout": "A full-bleed cold image behind a two-figure counter block, then a three-column proof strip, then a single ruled feature run with no cards.",
  "modules": [
    {
      "key": "hero",
      "name": "Counter hero",
      "html": "\n<header class=\"hr\"><img src=\"{{ART hero}}\" alt=\"{{ARTALT hero}}\"><div class=\"ov\"><span class=\"k\">Cold chain monitoring</span><h1>In range, or out of range.</h1><p>There is no amber state, no “warning”, and no dashboard to interpret. A thing is within its band or it is not, and you find out in under a minute.</p><div class=\"cnt\"><div class=\"ok\"><span class=\"n\">142</span><span class=\"l\">in range</span></div><div class=\"bad\"><span class=\"n\">6</span><span class=\"l\">out of range</span></div></div></div></header>"
    },
    {
      "key": "proof",
      "name": "Proof strip",
      "html": "\n<section class=\"pf\"><div><span class=\"n mn\">54s</span><span class=\"l\">median time to alert</span></div><div><span class=\"n mn\">18mo</span><span class=\"l\">battery, wireless sensors</span></div><div><span class=\"n mn\">7yr</span><span class=\"l\">immutable record retention</span></div></section>"
    },
    {
      "key": "feat",
      "name": "Feature run",
      "html": "\n<section class=\"ft\">\n<article><figure><img src=\"{{ART frost}}\" alt=\"{{ARTALT frost}}\"></figure><div><h2>The band is drawn, not described</h2><p>Every reading appears against its permitted range as a strip. You never read a number and then work out whether it is a problem — the strip has already told you.</p></div></article>\n<article class=\"rev\"><figure><img src=\"{{ART reefer}}\" alt=\"{{ARTALT reefer}}\"></figure><div><h2>Nothing on this screen blinks</h2><p>A pulsing alert is one your eye filters out within an hour. A row that leaves range moves once, sharply, and then holds until somebody acknowledges it.</p></div></article>\n<article><figure><img src=\"{{ART rack}}\" alt=\"{{ARTALT rack}}\"></figure><div><h2>Degree-minutes, not just peaks</h2><p>A brief spike and a long drift are different events with different consequences for stock. We record the area under the curve and quarantine on it.</p></div></article>\n</section>"
    },
    {
      "key": "end",
      "name": "Closing bar",
      "html": "\n<footer class=\"en\"><span class=\"k\">Deployable in a day</span><h2>Put a sensor in the coldest thing you own</h2><button class=\"pri\">Request a trial kit</button></footer>"
    }
  ],
  "moduleCount": 4,
  "reorderable": true,
  "meta": {
    "id": "frost-signal-cover",
    "model": "Claude Opus 5",
    "author": "Claude Code",
    "createdAt": "2026-09-02T01:55:55+09:00",
    "updatedAt": "2026-09-02T01:55:55+09:00",
    "version": "1.0.0",
    "isNew": false
  },
  "link": "/api/v1/designs/frost-signal-cover.json",
  "structure": "A full-bleed cold image behind a two-figure counter block, then a three-column proof strip, then a single ruled feature run with no cards.",
  "html": "<div class=\"dz dz-frost-signal-cover\" data-design=\"frost-signal-cover\" data-theme=\"frost-signal\">\n<section class=\"dz-mod\" data-mod=\"hero\" aria-label=\"Counter hero\">\n<header class=\"hr\"><img src=\"https://designlookbook.dev/assets/img/frost-signal-hero.webp\" alt=\"Rows of stainless cold-store doors under blue light with frost at the seals\"><div class=\"ov\"><span class=\"k\">Cold chain monitoring</span><h1>In range, or out of range.</h1><p>There is no amber state, no “warning”, and no dashboard to interpret. A thing is within its band or it is not, and you find out in under a minute.</p><div class=\"cnt\"><div class=\"ok\"><span class=\"n\">142</span><span class=\"l\">in range</span></div><div class=\"bad\"><span class=\"n\">6</span><span class=\"l\">out of range</span></div></div></div></header></section>\n<section class=\"dz-mod\" data-mod=\"proof\" aria-label=\"Proof strip\">\n<section class=\"pf\"><div><span class=\"n mn\">54s</span><span class=\"l\">median time to alert</span></div><div><span class=\"n mn\">18mo</span><span class=\"l\">battery, wireless sensors</span></div><div><span class=\"n mn\">7yr</span><span class=\"l\">immutable record retention</span></div></section></section>\n<section class=\"dz-mod\" data-mod=\"feat\" aria-label=\"Feature run\">\n<section class=\"ft\">\n<article><figure><img src=\"https://designlookbook.dev/assets/img/frost-signal-frost.webp\" alt=\"Frost crystals spreading across a dark steel surface\"></figure><div><h2>The band is drawn, not described</h2><p>Every reading appears against its permitted range as a strip. You never read a number and then work out whether it is a problem — the strip has already told you.</p></div></article>\n<article class=\"rev\"><figure><img src=\"https://designlookbook.dev/assets/img/frost-signal-reefer.webp\" alt=\"The refrigeration unit on the end of a shipping container\"></figure><div><h2>Nothing on this screen blinks</h2><p>A pulsing alert is one your eye filters out within an hour. A row that leaves range moves once, sharply, and then holds until somebody acknowledges it.</p></div></article>\n<article><figure><img src=\"https://designlookbook.dev/assets/img/frost-signal-rack.webp\" alt=\"Wire shelving inside a walk-in freezer under blue light\"></figure><div><h2>Degree-minutes, not just peaks</h2><p>A brief spike and a long drift are different events with different consequences for stock. We record the area under the curve and quarantine on it.</p></div></article>\n</section></section>\n<section class=\"dz-mod\" data-mod=\"end\" aria-label=\"Closing bar\">\n<footer class=\"en\"><span class=\"k\">Deployable in a day</span><h2>Put a sensor in the coldest thing you own</h2><button class=\"pri\">Request a trial kit</button></footer></section>\n</div>",
  "css": "\n.dz-frost-signal-cover { background: var(--background); color: var(--foreground); font-family: var(--pv-body); }\n.dz-frost-signal-cover .k { text-transform: uppercase; letter-spacing: .14em; font-size: 10.5px; font-weight: 700; color: var(--muted-foreground); }\n.dz-frost-signal-cover .mn { font-family: var(--pv-mono); font-weight: 500; }\n.dz-frost-signal-cover .hr { position: relative; }\n.dz-frost-signal-cover .hr img { width: 100%; height: 520px; object-fit: cover; display: block; filter: var(--img-filter); }\n.dz-frost-signal-cover .ov { position: absolute; inset: 0; padding: 44px; display: flex; flex-direction: column; justify-content: flex-end; background: linear-gradient(to top, var(--background), transparent 70%); }\n.dz-frost-signal-cover h1 { font-size: 52px; font-weight: 700; line-height: 1.06; letter-spacing: -.025em; margin: 8px 0 12px; max-width: 18ch; }\n.dz-frost-signal-cover .ov p { margin: 0 0 24px; font-size: 16px; line-height: 1.6; max-width: 56ch; color: var(--muted-foreground); }\n.dz-frost-signal-cover .cnt { display: flex; gap: 40px; }\n.dz-frost-signal-cover .cnt > div { border-top: 4px solid var(--accent); padding-top: 10px; }\n.dz-frost-signal-cover .cnt .bad { border-top-color: var(--destructive); }\n.dz-frost-signal-cover .cnt .n { font-family: var(--pv-mono); font-weight: 500; font-size: 56px; line-height: 1; display: block; letter-spacing: -.03em; }\n.dz-frost-signal-cover .cnt .bad .n { color: var(--destructive); }\n.dz-frost-signal-cover .l { text-transform: uppercase; letter-spacing: .14em; font-size: 10.5px; font-weight: 700; color: var(--muted-foreground); }\n.dz-frost-signal-cover .pf { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; padding: 36px 44px; border-bottom: 1px solid var(--border); }\n.dz-frost-signal-cover .pf > div { border-left: 4px solid var(--accent); padding-left: 14px; }\n.dz-frost-signal-cover .pf .n { font-size: 30px; display: block; }\n.dz-frost-signal-cover .ft { padding: 44px; }\n.dz-frost-signal-cover .ft article { display: grid; grid-template-columns: 380px 1fr; gap: 36px; align-items: center; padding: 28px 0; border-bottom: 1px solid var(--border); }\n.dz-frost-signal-cover .ft .rev figure { order: 2; }\n.dz-frost-signal-cover .ft figure { margin: 0; }\n.dz-frost-signal-cover .ft img { width: 100%; height: 240px; object-fit: cover; display: block; border-radius: 5px; filter: var(--img-filter); }\n.dz-frost-signal-cover h2 { font-size: 30px; font-weight: 600; letter-spacing: -.012em; margin: 0 0 8px; }\n.dz-frost-signal-cover .ft p { margin: 0; font-size: 16px; line-height: 1.6; color: var(--muted-foreground); max-width: 60ch; }\n.dz-frost-signal-cover .en { padding: 44px; text-align: center; }\n.dz-frost-signal-cover .en h2 { margin: 8px 0 20px; }\n.dz-frost-signal-cover .pri { background: var(--primary); color: var(--primary-foreground); border: 0; border-radius: 3px; padding: 13px 22px; font: inherit; text-transform: uppercase; letter-spacing: .14em; font-size: 10.5px; font-weight: 700; cursor: pointer; }\n@media (prefers-reduced-motion: reduce) { .dz-frost-signal-cover *, .dz-frost-signal-cover *::before, .dz-frost-signal-cover *::after { transition-duration: 1ms !important; animation-duration: 1ms !important; } }\n",
  "requiredTheme": "/api/v1/themes/frost-signal.json",
  "googleFontsHref": "https://fonts.googleapis.com/css2?family=Commissioner:wght@400;500;600;700&family=Azeret+Mono:wght@400;500;600;700&display=swap"
}