{
  "id": "ledger-green-practice",
  "name": "Practice",
  "theme": "ledger-green",
  "category": "Landing",
  "description": "A bookkeeping practice’s front page that argues for double entry by showing a real journal on it, with no illustration and no photography anywhere.",
  "layout": "A 68ch text column with a live journal extract set as the hero object instead of an image, then three ruled claims and a fee summary.",
  "modules": [
    {
      "key": "head",
      "name": "Practice header",
      "html": "\n<header class=\"ph\"><span class=\"k\">Ledger Green · bookkeeping since 1994</span><h1>Debit left, credit right, everywhere</h1><p class=\"ld\">Our software does not ask you for an amount and a direction. It gives you two columns and expects you to know which one the figure belongs in — and if you do not yet, the shape of the form will teach you faster than a tooltip.</p></header>"
    },
    {
      "key": "demo",
      "name": "Journal extract",
      "html": "\n<section class=\"tb\"><span class=\"k\">An entry, as you would actually see it</span>\n<div class=\"hd\"><span>Date</span><span>Description</span><span>Account</span><span class=\"db\">Debit</span><span class=\"cr\">Credit</span></div>\n<div class=\"rw\"><span class=\"dt\">18 Mar</span><span>Depreciation, fixtures, month 14</span><span class=\"ac\">7400</span><span class=\"db\">412.50</span><span class=\"cr\"></span></div>\n<div class=\"rw\"><span class=\"dt\">18 Mar</span><span>Accumulated depreciation</span><span class=\"ac\">1810</span><span class=\"db\"></span><span class=\"cr\">412.50</span></div>\n<div class=\"rw tot\"><span></span><span class=\"lb\">Entry totals</span><span></span><span class=\"db dbl\">412.50</span><span class=\"cr dbl\">412.50</span></div>\n</section>"
    },
    {
      "key": "claims",
      "name": "Three claims",
      "html": "\n<section class=\"cl\"><article><h2>Negatives take parentheses</h2><p>Never red. Red on our screens means the two columns disagree, and a credit balance in a debit account is not an error, it is a fact about the account.</p></article><article><h2>Totals do not animate</h2><p>A figure that counts up from zero to 48,201.33 displays a series of numbers that are all wrong, in a system whose entire purpose is that the number is right.</p></article><article><h2>Everything prints</h2><p>Every screen has a print stylesheet that keeps the double rules and drops the green to black. Auditors still print, and we would rather they printed something legible.</p></article></section>"
    },
    {
      "key": "fees",
      "name": "Fee summary",
      "html": "\n<footer class=\"fs\"><div class=\"rw\"><span>Ledger only</span><span class=\"db\">255.00</span></div><div class=\"rw\"><span>Ledger and returns</span><span class=\"db\">540.00</span></div><div class=\"rw\"><span>Year end, in the month of filing</span><span class=\"db\">1,850.00</span></div><button class=\"pri\">See the full schedule</button></footer>"
    }
  ],
  "moduleCount": 4,
  "reorderable": true,
  "meta": {
    "id": "ledger-green-practice",
    "model": "Claude Opus 5",
    "author": "Claude Code",
    "createdAt": "2026-09-02T01:35:04+09:00",
    "updatedAt": "2026-09-02T01:35:04+09:00",
    "version": "1.0.0",
    "isNew": false
  },
  "link": "/api/v1/designs/ledger-green-practice.json",
  "structure": "A 68ch text column with a live journal extract set as the hero object instead of an image, then three ruled claims and a fee summary.",
  "html": "<div class=\"dz dz-ledger-green-practice\" data-design=\"ledger-green-practice\" data-theme=\"ledger-green\">\n<section class=\"dz-mod\" data-mod=\"head\" aria-label=\"Practice header\">\n<header class=\"ph\"><span class=\"k\">Ledger Green · bookkeeping since 1994</span><h1>Debit left, credit right, everywhere</h1><p class=\"ld\">Our software does not ask you for an amount and a direction. It gives you two columns and expects you to know which one the figure belongs in — and if you do not yet, the shape of the form will teach you faster than a tooltip.</p></header></section>\n<section class=\"dz-mod\" data-mod=\"demo\" aria-label=\"Journal extract\">\n<section class=\"tb\"><span class=\"k\">An entry, as you would actually see it</span>\n<div class=\"hd\"><span>Date</span><span>Description</span><span>Account</span><span class=\"db\">Debit</span><span class=\"cr\">Credit</span></div>\n<div class=\"rw\"><span class=\"dt\">18 Mar</span><span>Depreciation, fixtures, month 14</span><span class=\"ac\">7400</span><span class=\"db\">412.50</span><span class=\"cr\"></span></div>\n<div class=\"rw\"><span class=\"dt\">18 Mar</span><span>Accumulated depreciation</span><span class=\"ac\">1810</span><span class=\"db\"></span><span class=\"cr\">412.50</span></div>\n<div class=\"rw tot\"><span></span><span class=\"lb\">Entry totals</span><span></span><span class=\"db dbl\">412.50</span><span class=\"cr dbl\">412.50</span></div>\n</section></section>\n<section class=\"dz-mod\" data-mod=\"claims\" aria-label=\"Three claims\">\n<section class=\"cl\"><article><h2>Negatives take parentheses</h2><p>Never red. Red on our screens means the two columns disagree, and a credit balance in a debit account is not an error, it is a fact about the account.</p></article><article><h2>Totals do not animate</h2><p>A figure that counts up from zero to 48,201.33 displays a series of numbers that are all wrong, in a system whose entire purpose is that the number is right.</p></article><article><h2>Everything prints</h2><p>Every screen has a print stylesheet that keeps the double rules and drops the green to black. Auditors still print, and we would rather they printed something legible.</p></article></section></section>\n<section class=\"dz-mod\" data-mod=\"fees\" aria-label=\"Fee summary\">\n<footer class=\"fs\"><div class=\"rw\"><span>Ledger only</span><span class=\"db\">255.00</span></div><div class=\"rw\"><span>Ledger and returns</span><span class=\"db\">540.00</span></div><div class=\"rw\"><span>Year end, in the month of filing</span><span class=\"db\">1,850.00</span></div><button class=\"pri\">See the full schedule</button></footer></section>\n</div>",
  "css": "\n.dz-ledger-green-practice { background: var(--background); color: var(--foreground); font-family: var(--pv-body); padding: 44px 30px; max-width: 900px; }\n.dz-ledger-green-practice .k { text-transform: uppercase; letter-spacing: .16em; font-size: 10px; font-weight: 700; color: var(--muted-foreground); display: block; margin-bottom: 10px; }\n.dz-ledger-green-practice h1 { font-family: var(--pv-display); font-weight: 700; font-size: 40px; line-height: 1.16; letter-spacing: -.015em; margin: 8px 0 14px; }\n.dz-ledger-green-practice .ld { font-size: 15.5px; line-height: 1.7; margin: 0 0 32px; max-width: 68ch; }\n.dz-ledger-green-practice .tb { margin-bottom: 32px; }\n.dz-ledger-green-practice .tb .hd, .dz-ledger-green-practice .tb .rw { display: grid; grid-template-columns: 72px 1fr 80px 140px 140px; gap: 16px; align-items: baseline; }\n.dz-ledger-green-practice .tb .hd { text-transform: uppercase; letter-spacing: .16em; font-size: 10px; font-weight: 700; color: var(--muted-foreground); padding-bottom: 8px; border-bottom: 1px solid var(--border); }\n.dz-ledger-green-practice .tb .rw { padding: 8px 0; border-bottom: 1px solid var(--border); font-size: 14px; line-height: 1.68; }\n.dz-ledger-green-practice .dt, .dz-ledger-green-practice .ac { font-family: var(--pv-mono); font-size: 13px; color: var(--muted-foreground); }\n\n.dz-ledger-green-practice .db, .dz-ledger-green-practice .cr { font-family: var(--pv-mono); font-size: 13px; text-align: right; }\n.dz-ledger-green-practice .dbl { border-bottom: 1px solid var(--foreground); box-shadow: 0 3px 0 -1px var(--background), 0 4px 0 -1px var(--foreground); }\n.dz-ledger-green-practice .adj { color: var(--accent); }\n.dz-ledger-green-practice .tot { border-bottom: 0; padding-top: 12px; }\n.dz-ledger-green-practice .lb { text-transform: uppercase; letter-spacing: .16em; font-size: 10px; font-weight: 700; }\n.dz-ledger-green-practice .cl { display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px; margin-bottom: 32px; }\n.dz-ledger-green-practice .cl article { border-top: 2px solid var(--primary); padding-top: 14px; }\n.dz-ledger-green-practice h2 { font-family: var(--pv-display); font-weight: 700; font-size: 17px; margin: 0 0 8px; }\n.dz-ledger-green-practice .cl p { margin: 0; font-size: 14px; line-height: 1.68; color: var(--muted-foreground); }\n.dz-ledger-green-practice .fs .rw { display: grid; grid-template-columns: 1fr 140px; gap: 16px; align-items: baseline; padding: 9px 0; border-bottom: 1px solid var(--border); font-size: 14px; }\n.dz-ledger-green-practice .pri { margin-top: 20px; background: var(--primary); color: var(--primary-foreground); border: 0; border-radius: 2px; padding: 11px 20px; font: inherit; font-size: 14px; cursor: pointer; }\n@media (prefers-reduced-motion: reduce) { .dz-ledger-green-practice *, .dz-ledger-green-practice *::before, .dz-ledger-green-practice *::after { transition-duration: 1ms !important; animation-duration: 1ms !important; } }\n",
  "requiredTheme": "/api/v1/themes/ledger-green.json",
  "googleFontsHref": "https://fonts.googleapis.com/css2?family=Libre+Baskerville:wght@400;500;600;700&family=Oxygen+Mono:wght@400;500;600;700&display=swap"
}