{
  "id": "ledger-green-trial",
  "name": "Trial Balance",
  "theme": "ledger-green",
  "category": "Dashboard",
  "description": "The trial balance as the home screen, where the one red thing in the entire system appears only if the two columns disagree — and here they do not.",
  "layout": "Account classes as ruled groups with subtotals double-ruled, a grand total double-ruled above and below, and a balance strip that stays quiet when balanced.",
  "modules": [
    {
      "key": "head",
      "name": "Trial header",
      "html": "\n<header class=\"th\"><div><span class=\"k\">Trial balance · as at 31 March 2026</span><h1>Arden Holdings Limited</h1></div><span class=\"st\">In balance</span></header>"
    },
    {
      "key": "assets",
      "name": "Assets and liabilities",
      "html": "\n<section class=\"tb\"><div class=\"hd\"><span>Code</span><span>Account</span><span class=\"db\">Debit</span><span class=\"cr\">Credit</span></div>\n<div class=\"gp\">Assets</div>\n<div class=\"rw\"><span class=\"ac\">1100</span><span>Trade receivables</span><span class=\"db\">48,204.00</span><span class=\"cr\"></span></div>\n<div class=\"rw\"><span class=\"ac\">1200</span><span>Bank current account</span><span class=\"db\">112,880.41</span><span class=\"cr\"></span></div>\n<div class=\"rw\"><span class=\"ac\">1800</span><span>Fixtures and fittings, cost</span><span class=\"db\">59,400.00</span><span class=\"cr\"></span></div>\n<div class=\"rw\"><span class=\"ac\">1810</span><span>Accumulated depreciation</span><span class=\"db\"></span><span class=\"cr\">23,512.50</span></div>\n<div class=\"rw sub\"><span></span><span class=\"lb\">Assets</span><span class=\"db dbl\">220,484.41</span><span class=\"cr dbl\">23,512.50</span></div>\n<div class=\"gp\">Liabilities</div>\n<div class=\"rw\"><span class=\"ac\">2100</span><span>Trade payables</span><span class=\"db\"></span><span class=\"cr\">31,118.60</span></div>\n<div class=\"rw\"><span class=\"ac\">2200</span><span>VAT control</span><span class=\"db\"></span><span class=\"cr\">14,806.20</span></div>\n<div class=\"rw sub\"><span></span><span class=\"lb\">Liabilities</span><span class=\"db dbl\"></span><span class=\"cr dbl\">45,924.80</span></div>\n</section>"
    },
    {
      "key": "pl",
      "name": "Income and expense",
      "html": "\n<section class=\"tb\"><div class=\"gp\">Income and expense</div>\n<div class=\"rw\"><span class=\"ac\">4000</span><span>Services rendered</span><span class=\"db\"></span><span class=\"cr\">204,900.00</span></div>\n<div class=\"rw\"><span class=\"ac\">7100</span><span>Rent and rates</span><span class=\"db\">25,800.00</span><span class=\"cr\"></span></div>\n<div class=\"rw\"><span class=\"ac\">7200</span><span>Staff costs</span><span class=\"db\">88,140.00</span><span class=\"cr\"></span></div>\n<div class=\"rw\"><span class=\"ac\">7400</span><span>Depreciation</span><span class=\"db adj\">4,950.00</span><span class=\"cr\"></span></div>\n<div class=\"rw\"><span class=\"ac\">7900</span><span>Foreign exchange</span><span class=\"db\">(1,204.11)</span><span class=\"cr\"></span></div>\n<div class=\"rw grand\"><span></span><span class=\"lb\">Grand total</span><span class=\"db dbl top\">274,404.41</span><span class=\"cr dbl top\">274,404.41</span></div>\n</section>"
    },
    {
      "key": "note",
      "name": "Convention note",
      "html": "\n<footer class=\"nt\"><span class=\"k\">Two conventions on this page</span><p>The foreign exchange line is a credit balance in a debit account and is shown in parentheses, not in red. Red on this screen would mean the two columns disagree, and they do not.</p></footer>"
    }
  ],
  "moduleCount": 4,
  "reorderable": true,
  "meta": {
    "id": "ledger-green-trial",
    "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-trial.json",
  "structure": "Account classes as ruled groups with subtotals double-ruled, a grand total double-ruled above and below, and a balance strip that stays quiet when balanced.",
  "html": "<div class=\"dz dz-ledger-green-trial\" data-design=\"ledger-green-trial\" data-theme=\"ledger-green\">\n<section class=\"dz-mod\" data-mod=\"head\" aria-label=\"Trial header\">\n<header class=\"th\"><div><span class=\"k\">Trial balance · as at 31 March 2026</span><h1>Arden Holdings Limited</h1></div><span class=\"st\">In balance</span></header></section>\n<section class=\"dz-mod\" data-mod=\"assets\" aria-label=\"Assets and liabilities\">\n<section class=\"tb\"><div class=\"hd\"><span>Code</span><span>Account</span><span class=\"db\">Debit</span><span class=\"cr\">Credit</span></div>\n<div class=\"gp\">Assets</div>\n<div class=\"rw\"><span class=\"ac\">1100</span><span>Trade receivables</span><span class=\"db\">48,204.00</span><span class=\"cr\"></span></div>\n<div class=\"rw\"><span class=\"ac\">1200</span><span>Bank current account</span><span class=\"db\">112,880.41</span><span class=\"cr\"></span></div>\n<div class=\"rw\"><span class=\"ac\">1800</span><span>Fixtures and fittings, cost</span><span class=\"db\">59,400.00</span><span class=\"cr\"></span></div>\n<div class=\"rw\"><span class=\"ac\">1810</span><span>Accumulated depreciation</span><span class=\"db\"></span><span class=\"cr\">23,512.50</span></div>\n<div class=\"rw sub\"><span></span><span class=\"lb\">Assets</span><span class=\"db dbl\">220,484.41</span><span class=\"cr dbl\">23,512.50</span></div>\n<div class=\"gp\">Liabilities</div>\n<div class=\"rw\"><span class=\"ac\">2100</span><span>Trade payables</span><span class=\"db\"></span><span class=\"cr\">31,118.60</span></div>\n<div class=\"rw\"><span class=\"ac\">2200</span><span>VAT control</span><span class=\"db\"></span><span class=\"cr\">14,806.20</span></div>\n<div class=\"rw sub\"><span></span><span class=\"lb\">Liabilities</span><span class=\"db dbl\"></span><span class=\"cr dbl\">45,924.80</span></div>\n</section></section>\n<section class=\"dz-mod\" data-mod=\"pl\" aria-label=\"Income and expense\">\n<section class=\"tb\"><div class=\"gp\">Income and expense</div>\n<div class=\"rw\"><span class=\"ac\">4000</span><span>Services rendered</span><span class=\"db\"></span><span class=\"cr\">204,900.00</span></div>\n<div class=\"rw\"><span class=\"ac\">7100</span><span>Rent and rates</span><span class=\"db\">25,800.00</span><span class=\"cr\"></span></div>\n<div class=\"rw\"><span class=\"ac\">7200</span><span>Staff costs</span><span class=\"db\">88,140.00</span><span class=\"cr\"></span></div>\n<div class=\"rw\"><span class=\"ac\">7400</span><span>Depreciation</span><span class=\"db adj\">4,950.00</span><span class=\"cr\"></span></div>\n<div class=\"rw\"><span class=\"ac\">7900</span><span>Foreign exchange</span><span class=\"db\">(1,204.11)</span><span class=\"cr\"></span></div>\n<div class=\"rw grand\"><span></span><span class=\"lb\">Grand total</span><span class=\"db dbl top\">274,404.41</span><span class=\"cr dbl top\">274,404.41</span></div>\n</section></section>\n<section class=\"dz-mod\" data-mod=\"note\" aria-label=\"Convention note\">\n<footer class=\"nt\"><span class=\"k\">Two conventions on this page</span><p>The foreign exchange line is a credit balance in a debit account and is shown in parentheses, not in red. Red on this screen would mean the two columns disagree, and they do not.</p></footer></section>\n</div>",
  "css": "\n.dz-ledger-green-trial { background: var(--background); color: var(--foreground); font-family: var(--pv-body); padding: 30px; max-width: 940px; }\n.dz-ledger-green-trial .k { text-transform: uppercase; letter-spacing: .16em; font-size: 10px; font-weight: 700; color: var(--muted-foreground); }\n.dz-ledger-green-trial .th { display: flex; align-items: flex-start; gap: 24px; padding-bottom: 16px; border-bottom: 1px solid var(--border); margin-bottom: 20px; }\n.dz-ledger-green-trial h1 { font-family: var(--pv-display); font-weight: 700; font-size: 26px; line-height: 1.2; margin: 6px 0 0; }\n.dz-ledger-green-trial .st { text-transform: uppercase; letter-spacing: .16em; font-size: 10px; font-weight: 700; color: var(--primary); margin-left: auto; }\n.dz-ledger-green-trial .tb .hd, .dz-ledger-green-trial .tb .rw { display: grid; grid-template-columns: 70px 1fr 140px 140px; gap: 16px; align-items: baseline; }\n.dz-ledger-green-trial .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-trial .tb .rw { padding: 8px 0; border-bottom: 1px solid var(--border); font-size: 14px; line-height: 1.68; }\n.dz-ledger-green-trial .gp { text-transform: uppercase; letter-spacing: .16em; font-size: 10px; font-weight: 700; color: var(--primary); padding: 16px 0 8px; }\n.dz-ledger-green-trial .ac { font-family: var(--pv-mono); font-size: 13px; color: var(--muted-foreground); }\n\n.dz-ledger-green-trial .db, .dz-ledger-green-trial .cr { font-family: var(--pv-mono); font-size: 13px; text-align: right; }\n.dz-ledger-green-trial .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-trial .adj { color: var(--accent); }\n.dz-ledger-green-trial .sub, .dz-ledger-green-trial .grand { border-bottom: 0; padding-top: 12px; }\n.dz-ledger-green-trial .lb { text-transform: uppercase; letter-spacing: .16em; font-size: 10px; font-weight: 700; }\n.dz-ledger-green-trial .top { border-top: 1px solid var(--foreground); padding-top: 4px; }\n.dz-ledger-green-trial .nt { margin-top: 24px; }\n.dz-ledger-green-trial .nt p { margin: 8px 0 0; font-size: 14px; line-height: 1.68; color: var(--muted-foreground); max-width: 68ch; }\n@media (prefers-reduced-motion: reduce) { .dz-ledger-green-trial *, .dz-ledger-green-trial *::before, .dz-ledger-green-trial *::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"
}