{
  "id": "chancery-lane-instrument",
  "name": "Instrument",
  "theme": "chancery-lane",
  "category": "Editorial",
  "description": "The reading view for an executed agreement: hanging clause numbers, defined terms marked in violet, and the rail carrying comment counts beside the clauses that have them.",
  "layout": "A 68ch body column with a permanent 120px marginalia rail; clause numbers hang in the left margin outside the measure, sub-clauses indent by exactly one step.",
  "modules": [
    {
      "key": "head",
      "name": "Instrument header",
      "html": "\n<header class=\"hd\"><span class=\"k\">Executed · 14 March</span><h1>Master Services Agreement</h1><p class=\"sub\">Between Arden Holdings Limited and Pellew &amp; Co., incorporating Schedules 1 to 4.</p><div class=\"meta\"><span>Version <b>7.2</b></span><span>Ref <b>ARD-MSA-0072</b></span><span>Governing law <b>England &amp; Wales</b></span></div></header>"
    },
    {
      "key": "clauses",
      "name": "Clause run",
      "html": "\n<div class=\"doc\">\n  <div class=\"bd\">\n    <section class=\"cl\"><span class=\"no\">4.</span><h2>Fees and Payment</h2></section>\n    <section class=\"cl\"><span class=\"no\">4.1</span><p>The Client shall pay the Charges set out in Schedule 2 within thirty (30) days of the date of a correctly rendered invoice. For the purposes of this clause, <a class=\"dt\" href=\"#\">correctly rendered</a> has the meaning given in clause 1.1.</p></section>\n    <section class=\"cl sub\"><span class=\"no\">4.1.1</span><p>Where the Client disputes any part of an invoice in good faith, it shall pay the undisputed portion by the due date and notify the Supplier of the disputed portion in writing.</p></section>\n    <section class=\"cl sub\"><span class=\"no\">4.1.2</span><p>Interest shall accrue on late payment at four per cent (4%) above the base rate of the Bank of England from time to time, accruing daily.</p></section>\n    <section class=\"cl marked\" id=\"c42\"><span class=\"no\">4.2</span><p>The Supplier may increase the Charges once in any twelve (12) month period on not less than sixty (60) days' written notice, provided that no increase shall exceed the change in the <a class=\"dt\" href=\"#\">Index</a> over the preceding period.</p></section>\n  </div>\n  <aside class=\"rl\">\n    <div class=\"mk\" data-for=\"4.1\"><span class=\"c\">2</span><span class=\"l\">comments</span></div>\n    <div class=\"mk empty\"></div>\n    <div class=\"mk empty\"></div>\n    <div class=\"mk empty\"></div>\n    <div class=\"mk hot\" data-for=\"4.2\"><span class=\"c\">1</span><span class=\"l\">open</span></div>\n  </aside>\n</div>"
    },
    {
      "key": "defined",
      "name": "Defined term gloss",
      "html": "\n<div class=\"doc gl\"><div class=\"bd\"><div class=\"gloss\"><span class=\"k\">Defined term</span><h3>Index</h3><p>The Consumer Prices Index published by the Office for National Statistics, or such other index as the parties may agree in writing under clause 12.4.</p><p class=\"src\">First used in clause 4.2 · Defined in clause 1.1</p></div></div><aside class=\"rl\"></aside></div>"
    },
    {
      "key": "sign",
      "name": "Signature block",
      "html": "\n<div class=\"doc\"><div class=\"bd\"><div class=\"sg\"><div><span class=\"k\">Signed for and on behalf of</span><h3>Arden Holdings Limited</h3><div class=\"rule\"></div><p class=\"ln\">Name · Position · Date</p></div><div><span class=\"k\">Signed for and on behalf of</span><h3>Pellew &amp; Co.</h3><div class=\"rule\"></div><p class=\"ln\">Name · Position · Date</p></div></div></div><aside class=\"rl\"></aside></div>"
    }
  ],
  "moduleCount": 4,
  "reorderable": true,
  "meta": {
    "id": "chancery-lane-instrument",
    "model": "Claude Opus 5",
    "author": "Claude Code",
    "createdAt": "2026-09-02T01:04:39+09:00",
    "updatedAt": "2026-09-02T01:04:39+09:00",
    "version": "1.0.0",
    "isNew": false
  },
  "link": "/api/v1/designs/chancery-lane-instrument.json",
  "structure": "A 68ch body column with a permanent 120px marginalia rail; clause numbers hang in the left margin outside the measure, sub-clauses indent by exactly one step.",
  "html": "<div class=\"dz dz-chancery-lane-instrument\" data-design=\"chancery-lane-instrument\" data-theme=\"chancery-lane\">\n<section class=\"dz-mod\" data-mod=\"head\" aria-label=\"Instrument header\">\n<header class=\"hd\"><span class=\"k\">Executed · 14 March</span><h1>Master Services Agreement</h1><p class=\"sub\">Between Arden Holdings Limited and Pellew &amp; Co., incorporating Schedules 1 to 4.</p><div class=\"meta\"><span>Version <b>7.2</b></span><span>Ref <b>ARD-MSA-0072</b></span><span>Governing law <b>England &amp; Wales</b></span></div></header></section>\n<section class=\"dz-mod\" data-mod=\"clauses\" aria-label=\"Clause run\">\n<div class=\"doc\">\n  <div class=\"bd\">\n    <section class=\"cl\"><span class=\"no\">4.</span><h2>Fees and Payment</h2></section>\n    <section class=\"cl\"><span class=\"no\">4.1</span><p>The Client shall pay the Charges set out in Schedule 2 within thirty (30) days of the date of a correctly rendered invoice. For the purposes of this clause, <a class=\"dt\" href=\"#\">correctly rendered</a> has the meaning given in clause 1.1.</p></section>\n    <section class=\"cl sub\"><span class=\"no\">4.1.1</span><p>Where the Client disputes any part of an invoice in good faith, it shall pay the undisputed portion by the due date and notify the Supplier of the disputed portion in writing.</p></section>\n    <section class=\"cl sub\"><span class=\"no\">4.1.2</span><p>Interest shall accrue on late payment at four per cent (4%) above the base rate of the Bank of England from time to time, accruing daily.</p></section>\n    <section class=\"cl marked\" id=\"c42\"><span class=\"no\">4.2</span><p>The Supplier may increase the Charges once in any twelve (12) month period on not less than sixty (60) days' written notice, provided that no increase shall exceed the change in the <a class=\"dt\" href=\"#\">Index</a> over the preceding period.</p></section>\n  </div>\n  <aside class=\"rl\">\n    <div class=\"mk\" data-for=\"4.1\"><span class=\"c\">2</span><span class=\"l\">comments</span></div>\n    <div class=\"mk empty\"></div>\n    <div class=\"mk empty\"></div>\n    <div class=\"mk empty\"></div>\n    <div class=\"mk hot\" data-for=\"4.2\"><span class=\"c\">1</span><span class=\"l\">open</span></div>\n  </aside>\n</div></section>\n<section class=\"dz-mod\" data-mod=\"defined\" aria-label=\"Defined term gloss\">\n<div class=\"doc gl\"><div class=\"bd\"><div class=\"gloss\"><span class=\"k\">Defined term</span><h3>Index</h3><p>The Consumer Prices Index published by the Office for National Statistics, or such other index as the parties may agree in writing under clause 12.4.</p><p class=\"src\">First used in clause 4.2 · Defined in clause 1.1</p></div></div><aside class=\"rl\"></aside></div></section>\n<section class=\"dz-mod\" data-mod=\"sign\" aria-label=\"Signature block\">\n<div class=\"doc\"><div class=\"bd\"><div class=\"sg\"><div><span class=\"k\">Signed for and on behalf of</span><h3>Arden Holdings Limited</h3><div class=\"rule\"></div><p class=\"ln\">Name · Position · Date</p></div><div><span class=\"k\">Signed for and on behalf of</span><h3>Pellew &amp; Co.</h3><div class=\"rule\"></div><p class=\"ln\">Name · Position · Date</p></div></div></div><aside class=\"rl\"></aside></div></section>\n</div>",
  "css": "\n.dz-chancery-lane-instrument { background: var(--background); color: var(--foreground); font-family: var(--pv-body); padding: 32px; }\n.dz-chancery-lane-instrument .k { text-transform: uppercase; letter-spacing: .16em; font-size: 10.5px; font-weight: 600; color: var(--muted-foreground); }\n.dz-chancery-lane-instrument .hd { max-width: calc(68ch + 146px); margin: 0 0 26px; }\n.dz-chancery-lane-instrument h1 { font-family: var(--pv-display); font-weight: 600; font-size: 46px; line-height: 1.14; margin: 8px 0 6px; letter-spacing: -.015em; }\n.dz-chancery-lane-instrument .sub { margin: 0 0 16px; font-size: 17.5px; line-height: 1.72; color: var(--muted-foreground); max-width: 68ch; }\n.dz-chancery-lane-instrument .meta { display: flex; gap: 26px; padding: 12px 0; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); font-family: var(--pv-mono); font-size: 12.5px; color: var(--muted-foreground); }\n.dz-chancery-lane-instrument .meta b { color: var(--foreground); font-weight: 400; }\n.dz-chancery-lane-instrument .doc { display: grid; grid-template-columns: minmax(0, 68ch) 120px; gap: 26px; }\n.dz-chancery-lane-instrument .doc { max-width: calc(68ch + 146px); }\n.dz-chancery-lane-instrument .gl { margin-top: 26px; }\n.dz-chancery-lane-instrument .cl { display: grid; grid-template-columns: 52px 1fr; align-items: baseline; margin-bottom: 16px; }\n.dz-chancery-lane-instrument .cl.sub { padding-left: 26px; }\n.dz-chancery-lane-instrument .no { font-family: var(--pv-mono); font-size: 12.5px; color: var(--muted-foreground); }\n.dz-chancery-lane-instrument .cl h2 { font-family: var(--pv-display); font-weight: 600; font-size: 20px; line-height: 1.35; margin: 10px 0 0; }\n.dz-chancery-lane-instrument .cl p { margin: 0; font-size: 16px; line-height: 1.7; }\n.dz-chancery-lane-instrument .marked { border-left: 2px solid var(--primary); margin-left: -14px; padding-left: 12px; }\n.dz-chancery-lane-instrument .marked .no { color: var(--primary); }\n.dz-chancery-lane-instrument .dt { color: var(--accent); text-decoration: none; border-bottom: 1px dotted var(--accent); }\n.dz-chancery-lane-instrument .rl { border-left: 1px solid var(--border); padding-left: 14px; }\n.dz-chancery-lane-instrument .mk { min-height: 44px; margin-bottom: 16px; }\n.dz-chancery-lane-instrument .mk .c { font-family: var(--pv-mono); font-size: 12.5px; display: block; color: var(--foreground); }\n.dz-chancery-lane-instrument .mk .l { text-transform: uppercase; letter-spacing: .16em; font-size: 10.5px; font-weight: 600; color: var(--muted-foreground); }\n.dz-chancery-lane-instrument .mk.hot .c { color: var(--accent); }\n.dz-chancery-lane-instrument .gloss { border: 1px solid var(--border); border-radius: var(--radius-md, 3px); padding: 22px; background: var(--card); }\n.dz-chancery-lane-instrument .gloss h3 { font-family: var(--pv-display); font-weight: 600; font-size: 20px; margin: 6px 0 8px; }\n.dz-chancery-lane-instrument .gloss p { margin: 0 0 8px; font-size: 16px; line-height: 1.7; }\n.dz-chancery-lane-instrument .src { font-family: var(--pv-mono); font-size: 12.5px; color: var(--muted-foreground); }\n.dz-chancery-lane-instrument .sg { display: grid; grid-template-columns: 1fr 1fr; gap: 26px; margin-top: 26px; }\n.dz-chancery-lane-instrument .sg > div { border: 1px solid var(--border); padding: 22px; }\n.dz-chancery-lane-instrument .sg h3 { font-family: var(--pv-display); font-weight: 600; font-size: 20px; margin: 6px 0 32px; }\n.dz-chancery-lane-instrument .rule { height: 1px; background: var(--foreground); margin-bottom: 8px; }\n.dz-chancery-lane-instrument .ln { font-family: var(--pv-mono); font-size: 12.5px; color: var(--muted-foreground); margin: 0; }\n@media (prefers-reduced-motion: reduce) { .dz-chancery-lane-instrument *, .dz-chancery-lane-instrument *::before, .dz-chancery-lane-instrument *::after { transition-duration: 1ms !important; animation-duration: 1ms !important; } }\n",
  "requiredTheme": "/api/v1/themes/chancery-lane.json",
  "googleFontsHref": "https://fonts.googleapis.com/css2?family=Faustina:wght@400;500;600;700&family=Anonymous+Pro:wght@400;500;600;700&display=swap"
}