{
  "id": "frost-signal-standby",
  "name": "Standby",
  "theme": "frost-signal",
  "category": "Auth & Onboarding",
  "description": "The on-call sign-in: a cold image at half the screen, the rota state stated in mono before the form, and a single acknowledge-capable session warning.",
  "layout": "A split screen with a full-bleed cold-store photograph on the left and a narrow form column on the right that opens with the rota, not the fields.",
  "modules": [
    {
      "key": "art",
      "name": "Cold store panel",
      "html": "\n<figure class=\"ar\"><img src=\"{{ART hero}}\" alt=\"{{ARTALT hero}}\"><figcaption><span class=\"k\">Depot 3 · cold store corridor</span></figcaption></figure>"
    },
    {
      "key": "form",
      "name": "Sign-in form",
      "html": "\n<section class=\"fm\"><span class=\"k\">On call now</span><h1>A. Bekele</h1><p class=\"rota\">Shift 20:00 — 08:00 · 6 estates · 148 sensors</p>\n<label><span class=\"k\">Operator ID</span><input class=\"mn\" value=\"OP-2291\"></label>\n<label><span class=\"k\">Passcode</span><input class=\"mn\" value=\"••••••••\"></label>\n<button class=\"pri\">Take the console</button>\n<p class=\"nt\">Taking the console signs out the previous operator. Unacknowledged excursions transfer with it.</p></section>"
    },
    {
      "key": "state",
      "name": "Estate state",
      "html": "\n<footer class=\"stt\"><div class=\"ok\"><span class=\"n mn\">142</span><span class=\"l\">in range</span></div><div class=\"bad\"><span class=\"n mn\">6</span><span class=\"l\">out of range</span></div><div><span class=\"n mn\">2</span><span class=\"l\">unacknowledged</span></div></footer>"
    }
  ],
  "moduleCount": 3,
  "reorderable": true,
  "meta": {
    "id": "frost-signal-standby",
    "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-standby.json",
  "structure": "A split screen with a full-bleed cold-store photograph on the left and a narrow form column on the right that opens with the rota, not the fields.",
  "html": "<div class=\"dz dz-frost-signal-standby\" data-design=\"frost-signal-standby\" data-theme=\"frost-signal\">\n<section class=\"dz-mod\" data-mod=\"art\" aria-label=\"Cold store panel\">\n<figure class=\"ar\"><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\"><figcaption><span class=\"k\">Depot 3 · cold store corridor</span></figcaption></figure></section>\n<section class=\"dz-mod\" data-mod=\"form\" aria-label=\"Sign-in form\">\n<section class=\"fm\"><span class=\"k\">On call now</span><h1>A. Bekele</h1><p class=\"rota\">Shift 20:00 — 08:00 · 6 estates · 148 sensors</p>\n<label><span class=\"k\">Operator ID</span><input class=\"mn\" value=\"OP-2291\"></label>\n<label><span class=\"k\">Passcode</span><input class=\"mn\" value=\"••••••••\"></label>\n<button class=\"pri\">Take the console</button>\n<p class=\"nt\">Taking the console signs out the previous operator. Unacknowledged excursions transfer with it.</p></section></section>\n<section class=\"dz-mod\" data-mod=\"state\" aria-label=\"Estate state\">\n<footer class=\"stt\"><div class=\"ok\"><span class=\"n mn\">142</span><span class=\"l\">in range</span></div><div class=\"bad\"><span class=\"n mn\">6</span><span class=\"l\">out of range</span></div><div><span class=\"n mn\">2</span><span class=\"l\">unacknowledged</span></div></footer></section>\n</div>",
  "css": "\n.dz-frost-signal-standby { background: var(--background); color: var(--foreground); font-family: var(--pv-body); display: grid; grid-template-columns: 1fr 420px; min-height: 640px; }\n.dz-frost-signal-standby .k { text-transform: uppercase; letter-spacing: .14em; font-size: 10.5px; font-weight: 700; color: var(--muted-foreground); }\n.dz-frost-signal-standby .mn { font-family: var(--pv-mono); font-weight: 500; }\n.dz-frost-signal-standby .ar { grid-row: 1 / span 2; margin: 0; position: relative; }\n.dz-frost-signal-standby .ar img { width: 100%; height: 100%; object-fit: cover; display: block; filter: var(--img-filter); }\n.dz-frost-signal-standby .ar figcaption { position: absolute; left: 22px; bottom: 22px; }\n.dz-frost-signal-standby .ar .k { color: var(--primary-foreground); }\n.dz-frost-signal-standby .fm { padding: 52px 40px 20px; }\n.dz-frost-signal-standby h1 { font-size: 30px; font-weight: 600; letter-spacing: -.012em; margin: 6px 0 4px; }\n.dz-frost-signal-standby .rota { font-family: var(--pv-mono); font-weight: 500; font-size: 12.5px; color: var(--muted-foreground); margin: 0 0 28px; }\n.dz-frost-signal-standby label { display: block; margin-bottom: 16px; }\n.dz-frost-signal-standby input { display: block; width: 100%; box-sizing: border-box; background: var(--card); border: 1px solid var(--border); border-radius: 3px; color: var(--foreground); font: inherit; font-family: var(--pv-mono); font-weight: 500; font-size: 15px; padding: 10px 12px; margin-top: 6px; }\n.dz-frost-signal-standby input:focus { outline: none; border-color: var(--primary); }\n.dz-frost-signal-standby .pri { width: 100%; background: var(--primary); color: var(--primary-foreground); border: 0; border-radius: 3px; padding: 12px; font: inherit; text-transform: uppercase; letter-spacing: .14em; font-size: 10.5px; font-weight: 700; cursor: pointer; margin-top: 8px; }\n.dz-frost-signal-standby .nt { font-size: 13px; line-height: 1.5; color: var(--muted-foreground); margin: 14px 0 0; }\n.dz-frost-signal-standby .stt { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; padding: 0 40px 40px; }\n.dz-frost-signal-standby .stt > div { border-top: 4px solid var(--secondary); padding-top: 8px; }\n.dz-frost-signal-standby .stt .ok { border-top-color: var(--accent); }\n.dz-frost-signal-standby .stt .bad { border-top-color: var(--destructive); }\n.dz-frost-signal-standby .n { font-size: 24px; display: block; }\n.dz-frost-signal-standby .l { text-transform: uppercase; letter-spacing: .14em; font-size: 10.5px; font-weight: 700; color: var(--muted-foreground); }\n@media (prefers-reduced-motion: reduce) { .dz-frost-signal-standby *, .dz-frost-signal-standby *::before, .dz-frost-signal-standby *::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"
}