{
  "id": "terminal-ledger-status-board",
  "name": "Status Board",
  "theme": "terminal-ledger",
  "category": "Dashboard",
  "description": "A service board where each cell is a 90-day uptime bar drawn one glyph per day, so a bad week is a shape rather than a percentage.",
  "layout": "Three-across grid of outlined service cells; each cell is a fixed 90-column strip of day marks with the incident days inverted, and the SLO figure hangs right of the name.",
  "modules": [
    {
      "key": "bar",
      "name": "Board header",
      "html": "\n<header class=\"bh\"><span class=\"bh-t\">STATUS</span><span class=\"bh-s ok\">ALL SYSTEMS NOMINAL</span><span class=\"bh-sp\"></span><span class=\"bh-u\">UPDATED 14:02:11 UTC</span></header>"
    },
    {
      "key": "grid",
      "name": "Service grid",
      "html": "\n<div class=\"sg\">\n  <div class=\"sv\"><div class=\"sv-h\"><b>api.edge</b><span class=\"ok\">99.98</span></div><div class=\"days\"><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i class=\"w\"></i><i></i><i></i><i></i><i></i><i></i></div><p>0 incidents · 30d</p></div>\n  <div class=\"sv\"><div class=\"sv-h\"><b>api.core</b><span class=\"ok\">99.91</span></div><div class=\"days\"><i></i><i></i><i></i><i class=\"w\"></i><i class=\"w\"></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i></div><p>1 incident · 30d</p></div>\n  <div class=\"sv bad\"><div class=\"sv-h\"><b>queue.ingest</b><span class=\"err\">97.40</span></div><div class=\"days\"><i></i><i></i><i></i><i></i><i></i><i></i><i class=\"e\"></i><i class=\"e\"></i><i class=\"e\"></i><i class=\"w\"></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i class=\"w\"></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i class=\"e\"></i></div><p>3 incidents · 30d</p></div>\n  <div class=\"sv\"><div class=\"sv-h\"><b>store.blob</b><span class=\"ok\">100.0</span></div><div class=\"days\"><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i></div><p>0 incidents · 30d</p></div>\n  <div class=\"sv\"><div class=\"sv-h\"><b>auth.idp</b><span class=\"ok\">99.99</span></div><div class=\"days\"><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i class=\"w\"></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i></div><p>0 incidents · 30d</p></div>\n  <div class=\"sv\"><div class=\"sv-h\"><b>cdn.static</b><span class=\"ok\">99.96</span></div><div class=\"days\"><i></i><i></i><i class=\"w\"></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i class=\"w\"></i><i></i><i></i><i></i><i></i><i></i><i></i></div><p>0 incidents · 30d</p></div>\n</div>"
    },
    {
      "key": "log",
      "name": "Recent events",
      "html": "\n<section class=\"ev\"><h2>RECENT</h2>\n  <ul>\n    <li><span class=\"t\">14:02</span><span class=\"lv ok\">RESOLVED</span><span>queue.ingest — consumer lag returned below threshold after partition rebalance</span></li>\n    <li><span class=\"t\">11:47</span><span class=\"lv err\">DEGRADED</span><span>queue.ingest — consumer lag 4.2M messages, p99 ingest latency 38s</span></li>\n    <li><span class=\"t\">09:15</span><span class=\"lv warn\">NOTICE</span><span>auth.idp — scheduled key rotation, no impact expected</span></li>\n    <li><span class=\"t\">02:00</span><span class=\"lv\">INFO</span><span>store.blob — nightly compaction completed in 41m</span></li>\n  </ul>\n</section>"
    }
  ],
  "moduleCount": 3,
  "reorderable": true,
  "meta": {
    "id": "terminal-ledger-status-board",
    "model": "Claude Opus 5",
    "author": "Claude Code",
    "createdAt": "2026-08-29T18:41:55+09:00",
    "updatedAt": "2026-08-29T18:41:55+09:00",
    "version": "1.0.0",
    "isNew": false
  },
  "link": "/api/v1/designs/terminal-ledger-status-board.json",
  "structure": "Three-across grid of outlined service cells; each cell is a fixed 90-column strip of day marks with the incident days inverted, and the SLO figure hangs right of the name.",
  "html": "<div class=\"dz dz-terminal-ledger-status-board\" data-design=\"terminal-ledger-status-board\" data-theme=\"terminal-ledger\">\n<section class=\"dz-mod\" data-mod=\"bar\" aria-label=\"Board header\">\n<header class=\"bh\"><span class=\"bh-t\">STATUS</span><span class=\"bh-s ok\">ALL SYSTEMS NOMINAL</span><span class=\"bh-sp\"></span><span class=\"bh-u\">UPDATED 14:02:11 UTC</span></header></section>\n<section class=\"dz-mod\" data-mod=\"grid\" aria-label=\"Service grid\">\n<div class=\"sg\">\n  <div class=\"sv\"><div class=\"sv-h\"><b>api.edge</b><span class=\"ok\">99.98</span></div><div class=\"days\"><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i class=\"w\"></i><i></i><i></i><i></i><i></i><i></i></div><p>0 incidents · 30d</p></div>\n  <div class=\"sv\"><div class=\"sv-h\"><b>api.core</b><span class=\"ok\">99.91</span></div><div class=\"days\"><i></i><i></i><i></i><i class=\"w\"></i><i class=\"w\"></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i></div><p>1 incident · 30d</p></div>\n  <div class=\"sv bad\"><div class=\"sv-h\"><b>queue.ingest</b><span class=\"err\">97.40</span></div><div class=\"days\"><i></i><i></i><i></i><i></i><i></i><i></i><i class=\"e\"></i><i class=\"e\"></i><i class=\"e\"></i><i class=\"w\"></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i class=\"w\"></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i class=\"e\"></i></div><p>3 incidents · 30d</p></div>\n  <div class=\"sv\"><div class=\"sv-h\"><b>store.blob</b><span class=\"ok\">100.0</span></div><div class=\"days\"><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i></div><p>0 incidents · 30d</p></div>\n  <div class=\"sv\"><div class=\"sv-h\"><b>auth.idp</b><span class=\"ok\">99.99</span></div><div class=\"days\"><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i class=\"w\"></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i></div><p>0 incidents · 30d</p></div>\n  <div class=\"sv\"><div class=\"sv-h\"><b>cdn.static</b><span class=\"ok\">99.96</span></div><div class=\"days\"><i></i><i></i><i class=\"w\"></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i class=\"w\"></i><i></i><i></i><i></i><i></i><i></i><i></i></div><p>0 incidents · 30d</p></div>\n</div></section>\n<section class=\"dz-mod\" data-mod=\"log\" aria-label=\"Recent events\">\n<section class=\"ev\"><h2>RECENT</h2>\n  <ul>\n    <li><span class=\"t\">14:02</span><span class=\"lv ok\">RESOLVED</span><span>queue.ingest — consumer lag returned below threshold after partition rebalance</span></li>\n    <li><span class=\"t\">11:47</span><span class=\"lv err\">DEGRADED</span><span>queue.ingest — consumer lag 4.2M messages, p99 ingest latency 38s</span></li>\n    <li><span class=\"t\">09:15</span><span class=\"lv warn\">NOTICE</span><span>auth.idp — scheduled key rotation, no impact expected</span></li>\n    <li><span class=\"t\">02:00</span><span class=\"lv\">INFO</span><span>store.blob — nightly compaction completed in 41m</span></li>\n  </ul>\n</section></section>\n</div>",
  "css": "\n.dz-terminal-ledger-status-board { background: var(--background); color: var(--foreground); font-family: var(--pv-mono); font-size: 13px; padding: 0 0 20px; }\n.dz-terminal-ledger-status-board .bh { display: flex; align-items: center; gap: 14px; padding: 10px 18px; border-bottom: var(--pv-bw) solid var(--border); }\n.dz-terminal-ledger-status-board .bh-t { font-weight: 700; letter-spacing: .18em; }\n.dz-terminal-ledger-status-board .bh-s { font-size: 11px; letter-spacing: .12em; padding: 2px 8px; border: var(--pv-bw) solid currentColor; }\n.dz-terminal-ledger-status-board .bh-sp { flex: 1; }\n.dz-terminal-ledger-status-board .bh-u { font-size: 11px; color: var(--muted-foreground); }\n.dz-terminal-ledger-status-board .ok { color: var(--chart-1); }\n.dz-terminal-ledger-status-board .err { color: var(--destructive); }\n.dz-terminal-ledger-status-board .warn { color: var(--chart-4); }\n.dz-terminal-ledger-status-board .sg { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; border-top: var(--pv-bw) solid var(--border); }\n.dz-terminal-ledger-status-board .sv { border-right: var(--pv-bw) solid var(--border); border-bottom: var(--pv-bw) solid var(--border); padding: 12px 16px; transition: background var(--dur) var(--ease); }\n.dz-terminal-ledger-status-board .sv:nth-child(3n) { border-right: 0; }\n.dz-terminal-ledger-status-board .sv:hover { background: var(--muted); }\n.dz-terminal-ledger-status-board .sv.bad { border-left: 2px solid var(--destructive); }\n.dz-terminal-ledger-status-board .sv-h { display: flex; justify-content: space-between; align-items: baseline; }\n.dz-terminal-ledger-status-board .sv b { font-weight: 700; letter-spacing: .04em; }\n.dz-terminal-ledger-status-board .sv-h span { font-size: 12px; }\n.dz-terminal-ledger-status-board .days { display: flex; gap: 1px; margin: 10px 0 7px; }\n.dz-terminal-ledger-status-board .days i { flex: 1; height: 20px; background: var(--chart-1); }\n.dz-terminal-ledger-status-board .days .w { background: var(--chart-4); }\n.dz-terminal-ledger-status-board .days .e { background: var(--destructive); }\n.dz-terminal-ledger-status-board .sv p { margin: 0; font-size: 11px; color: var(--muted-foreground); }\n.dz-terminal-ledger-status-board .ev { padding: 16px 18px 0; }\n.dz-terminal-ledger-status-board .ev h2 { font-size: 11px; letter-spacing: .18em; margin: 0 0 8px; padding-bottom: 6px; border-bottom: var(--pv-bw) solid var(--foreground); }\n.dz-terminal-ledger-status-board .ev ul { list-style: none; margin: 0; padding: 0; }\n.dz-terminal-ledger-status-board .ev li { display: grid; grid-template-columns: 52px 92px minmax(0, 1fr); gap: 12px; padding: 7px 0; border-bottom: var(--pv-bw) solid var(--border); font-size: 12.5px; transition: background var(--dur) var(--ease); }\n.dz-terminal-ledger-status-board .ev li:hover { background: var(--muted); }\n.dz-terminal-ledger-status-board .t { color: var(--muted-foreground); }\n.dz-terminal-ledger-status-board .lv { font-size: 11px; letter-spacing: .1em; color: var(--muted-foreground); }\n@media (prefers-reduced-motion: reduce) { .dz-terminal-ledger-status-board *, .dz-terminal-ledger-status-board *::before, .dz-terminal-ledger-status-board *::after { transition-duration: 1ms !important; animation-duration: 1ms !important; } }",
  "requiredTheme": "/api/v1/themes/terminal-ledger.json",
  "googleFontsHref": "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap"
}