{
  "id": "terminal-ledger-docs",
  "name": "Docs Landing",
  "theme": "terminal-ledger",
  "category": "Landing",
  "description": "A developer landing page whose hero is the install line and the first useful command, not a value proposition.",
  "layout": "Left half is a terminal transcript that fills the viewport height; the right half is a short claim and a link grid of four entry points, each one a real path rather than a category.",
  "modules": [
    {
      "key": "demo",
      "name": "Terminal hero",
      "html": "\n<div class=\"demo\">\n  <div class=\"demo-bar\"><span></span><span></span><span></span><em>zsh — ledger</em></div>\n  <pre class=\"demo-b\"><code><span class=\"p\">$</span> brew install ledger-cli\n<span class=\"c\">==&gt; Pouring ledger-cli-3.8.0.arm64_sequoia.bottle.tar.gz</span>\n<span class=\"c\">🍺  /opt/homebrew/Cellar/ledger-cli/3.8.0: 41 files, 12.4MB</span>\n\n<span class=\"p\">$</span> ledger login\n<span class=\"c\">Opened https://ledger.example/device — code HXQP-4M2V</span>\n<span class=\"ok\">✓ authorised as m.okafor (8h)</span>\n\n<span class=\"p\">$</span> ledger topic ls --lag\nNAME             PARTITIONS  LAG\nqueue.ingest     12          4,201,882\nqueue.retry      3           0\nevents.audit     6           118\n\n<span class=\"p\">$</span> <span class=\"car\">▮</span></code></pre>\n</div>"
    },
    {
      "key": "claim",
      "name": "Claim + entries",
      "html": "\n<div class=\"claim\">\n  <span class=\"k\">LEDGER CLI 3.8</span>\n  <h1>EVERY VALUE ON YOUR CLUSTER, GREPPABLE.</h1>\n  <p>One binary, no daemon, no config file required. Output is stable and columnar by default and JSON when you ask.</p>\n  <div class=\"ent\">\n    <a href=\"#\"><b>/quickstart</b><span>Install, log in, list topics. Four minutes.</span></a>\n    <a href=\"#\"><b>/reference</b><span>Every command, flag and exit code.</span></a>\n    <a href=\"#\"><b>/recipes</b><span>Rebalance, drain, replay, evict.</span></a>\n    <a href=\"#\"><b>/changelog</b><span>3.8.0 shipped 4 days ago.</span></a>\n  </div>\n</div>"
    },
    {
      "key": "foot",
      "name": "Meta strip",
      "html": "\n<footer class=\"ms\"><span>APACHE-2.0</span><span>DARWIN · LINUX · WINDOWS</span><span>NO TELEMETRY</span><span class=\"ms-sp\"></span><a href=\"#\">SOURCE</a><a href=\"#\">ISSUES</a><a href=\"#\">SECURITY</a></footer>"
    }
  ],
  "moduleCount": 3,
  "reorderable": true,
  "meta": {
    "id": "terminal-ledger-docs",
    "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-docs.json",
  "structure": "Left half is a terminal transcript that fills the viewport height; the right half is a short claim and a link grid of four entry points, each one a real path rather than a category.",
  "html": "<div class=\"dz dz-terminal-ledger-docs\" data-design=\"terminal-ledger-docs\" data-theme=\"terminal-ledger\">\n<section class=\"dz-mod\" data-mod=\"demo\" aria-label=\"Terminal hero\">\n<div class=\"demo\">\n  <div class=\"demo-bar\"><span></span><span></span><span></span><em>zsh — ledger</em></div>\n  <pre class=\"demo-b\"><code><span class=\"p\">$</span> brew install ledger-cli\n<span class=\"c\">==&gt; Pouring ledger-cli-3.8.0.arm64_sequoia.bottle.tar.gz</span>\n<span class=\"c\">🍺  /opt/homebrew/Cellar/ledger-cli/3.8.0: 41 files, 12.4MB</span>\n\n<span class=\"p\">$</span> ledger login\n<span class=\"c\">Opened https://ledger.example/device — code HXQP-4M2V</span>\n<span class=\"ok\">✓ authorised as m.okafor (8h)</span>\n\n<span class=\"p\">$</span> ledger topic ls --lag\nNAME             PARTITIONS  LAG\nqueue.ingest     12          4,201,882\nqueue.retry      3           0\nevents.audit     6           118\n\n<span class=\"p\">$</span> <span class=\"car\">▮</span></code></pre>\n</div></section>\n<section class=\"dz-mod\" data-mod=\"claim\" aria-label=\"Claim + entries\">\n<div class=\"claim\">\n  <span class=\"k\">LEDGER CLI 3.8</span>\n  <h1>EVERY VALUE ON YOUR CLUSTER, GREPPABLE.</h1>\n  <p>One binary, no daemon, no config file required. Output is stable and columnar by default and JSON when you ask.</p>\n  <div class=\"ent\">\n    <a href=\"#\"><b>/quickstart</b><span>Install, log in, list topics. Four minutes.</span></a>\n    <a href=\"#\"><b>/reference</b><span>Every command, flag and exit code.</span></a>\n    <a href=\"#\"><b>/recipes</b><span>Rebalance, drain, replay, evict.</span></a>\n    <a href=\"#\"><b>/changelog</b><span>3.8.0 shipped 4 days ago.</span></a>\n  </div>\n</div></section>\n<section class=\"dz-mod\" data-mod=\"foot\" aria-label=\"Meta strip\">\n<footer class=\"ms\"><span>APACHE-2.0</span><span>DARWIN · LINUX · WINDOWS</span><span>NO TELEMETRY</span><span class=\"ms-sp\"></span><a href=\"#\">SOURCE</a><a href=\"#\">ISSUES</a><a href=\"#\">SECURITY</a></footer></section>\n</div>",
  "css": "\n.dz-terminal-ledger-docs { background: var(--background); color: var(--foreground); font-family: var(--pv-mono); font-size: 12.5px; display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); grid-template-rows: minmax(0, 1fr) auto; min-height: 500px; }\n.dz-terminal-ledger-docs .demo { border-right: var(--pv-bw) solid var(--border); display: flex; flex-direction: column; }\n.dz-terminal-ledger-docs .demo-bar { display: flex; align-items: center; gap: 6px; padding: 8px 12px; border-bottom: var(--pv-bw) solid var(--border); }\n.dz-terminal-ledger-docs .demo-bar span { width: 9px; height: 9px; border: var(--pv-bw) solid var(--muted-foreground); }\n.dz-terminal-ledger-docs .demo-bar em { margin-left: 10px; font-style: normal; font-size: 11px; color: var(--muted-foreground); }\n.dz-terminal-ledger-docs .demo-b { flex: 1; margin: 0; padding: 14px 16px; overflow: auto; font-size: 12px; line-height: 1.66; }\n.dz-terminal-ledger-docs .demo-b code { font-family: inherit; white-space: pre; }\n.dz-terminal-ledger-docs .demo-b .p { color: var(--chart-1); }\n.dz-terminal-ledger-docs .demo-b .c { color: var(--muted-foreground); }\n.dz-terminal-ledger-docs .demo-b .ok { color: var(--chart-1); }\n.dz-terminal-ledger-docs .car { animation: dz-tl-docs-caret 1s steps(1, end) infinite; }\n@keyframes dz-tl-docs-caret { 50% { opacity: 0; } }\n.dz-terminal-ledger-docs .claim { padding: 34px 32px; }\n.dz-terminal-ledger-docs .k { font-size: 10.5px; letter-spacing: .16em; color: var(--primary); }\n.dz-terminal-ledger-docs .claim h1 { font-size: 30px; line-height: 1.18; letter-spacing: -.01em; margin: 12px 0 12px; font-weight: 700; }\n.dz-terminal-ledger-docs .claim p { margin: 0 0 26px; font-size: 13px; line-height: 1.7; color: var(--muted-foreground); max-width: 40ch; }\n.dz-terminal-ledger-docs .ent { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; border-top: var(--pv-bw) solid var(--border); border-left: var(--pv-bw) solid var(--border); }\n.dz-terminal-ledger-docs .ent a { border-right: var(--pv-bw) solid var(--border); border-bottom: var(--pv-bw) solid var(--border); padding: 13px 14px; text-decoration: none; color: var(--foreground); transition: background var(--dur) var(--ease), color var(--dur) var(--ease); }\n.dz-terminal-ledger-docs .ent a:hover { background: var(--foreground); color: var(--background); }\n.dz-terminal-ledger-docs .ent b { display: block; font-size: 13px; color: var(--primary); margin-bottom: 4px; }\n.dz-terminal-ledger-docs .ent a:hover b { color: var(--background); }\n.dz-terminal-ledger-docs .ent span { font-size: 11.5px; line-height: 1.5; color: var(--muted-foreground); }\n.dz-terminal-ledger-docs .ent a:hover span { color: var(--background); opacity: .8; }\n.dz-terminal-ledger-docs .ms { grid-column: 1 / -1; display: flex; align-items: center; gap: 18px; padding: 9px 16px; border-top: var(--pv-bw) solid var(--border); font-size: 10.5px; letter-spacing: .08em; color: var(--muted-foreground); }\n.dz-terminal-ledger-docs .ms-sp { flex: 1; }\n.dz-terminal-ledger-docs .ms a { color: var(--primary); text-decoration: none; }\n@media (prefers-reduced-motion: reduce) { .dz-terminal-ledger-docs *, .dz-terminal-ledger-docs *::before, .dz-terminal-ledger-docs *::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"
}