{
  "id": "chancery-lane-execution",
  "name": "Execution",
  "theme": "chancery-lane",
  "category": "Settings & Forms",
  "description": "The signing form, built as a document rather than a wizard: parties as bordered blocks, an audit trail in mono, and a single binding action at the foot.",
  "layout": "The 68ch column with the rail carrying signature status per party; form fields are ruled rows, not boxes, so the page still reads as an instrument.",
  "modules": [
    {
      "key": "head",
      "name": "Execution header",
      "html": "\n<header class=\"hd\"><span class=\"k\">Step 3 of 3 · Execution</span><h1>Execute this instrument</h1><p class=\"sub\">Once all parties have signed, the instrument is sealed and no further amendment is possible. Review the final version before signing.</p></header>"
    },
    {
      "key": "form",
      "name": "Signatory details",
      "html": "\n<div class=\"doc\"><div class=\"bd\"><section class=\"fm\">\n<div class=\"row\"><label>Signatory name</label><input value=\"Marielle Devlin\"></div>\n<div class=\"row\"><label>Position</label><input value=\"Company Secretary\"></div>\n<div class=\"row\"><label>Authority</label><input value=\"Board resolution 2026-04\"></div>\n<div class=\"row\"><label>Date of signature</label><input class=\"mn\" value=\"2026-03-14\"></div>\n<div class=\"row\"><label>Witness required</label><span class=\"tog\"><span class=\"pip\"></span></span></div>\n</section>\n<p class=\"dec\">By signing you confirm you have authority to bind <b>Pellew &amp; Co.</b> and that you have read clauses <a class=\"dt\" href=\"#\">4.2</a>, <a class=\"dt\" href=\"#\">6.1</a> and <a class=\"dt\" href=\"#\">7.3</a> in their final form.</p>\n<button class=\"bt\">Sign and seal</button></div>\n<aside class=\"rl\"><div class=\"mk\"><span class=\"c\">Signed</span><span class=\"l\">Arden</span></div><div class=\"mk hot\"><span class=\"c\">Awaiting</span><span class=\"l\">Pellew</span></div></aside></div>"
    },
    {
      "key": "audit",
      "name": "Audit trail",
      "html": "\n<section class=\"au\"><span class=\"k\">Audit trail</span><ol>\n<li><b>2026-03-11 09:42</b> R. Okafor amended clause 4.1 <span class=\"h\">3f2a91c</span></li>\n<li><b>2026-03-12 16:05</b> M. Devlin deleted clause 4.3 <span class=\"h\">8b0e44d</span></li>\n<li><b>2026-03-13 11:20</b> Final version circulated <span class=\"h\">c17d902</span></li>\n<li><b>2026-03-14 08:15</b> Arden Holdings signed <span class=\"h\">e55a3b8</span></li>\n</ol></section>"
    }
  ],
  "moduleCount": 3,
  "reorderable": true,
  "meta": {
    "id": "chancery-lane-execution",
    "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-execution.json",
  "structure": "The 68ch column with the rail carrying signature status per party; form fields are ruled rows, not boxes, so the page still reads as an instrument.",
  "html": "<div class=\"dz dz-chancery-lane-execution\" data-design=\"chancery-lane-execution\" data-theme=\"chancery-lane\">\n<section class=\"dz-mod\" data-mod=\"head\" aria-label=\"Execution header\">\n<header class=\"hd\"><span class=\"k\">Step 3 of 3 · Execution</span><h1>Execute this instrument</h1><p class=\"sub\">Once all parties have signed, the instrument is sealed and no further amendment is possible. Review the final version before signing.</p></header></section>\n<section class=\"dz-mod\" data-mod=\"form\" aria-label=\"Signatory details\">\n<div class=\"doc\"><div class=\"bd\"><section class=\"fm\">\n<div class=\"row\"><label>Signatory name</label><input value=\"Marielle Devlin\"></div>\n<div class=\"row\"><label>Position</label><input value=\"Company Secretary\"></div>\n<div class=\"row\"><label>Authority</label><input value=\"Board resolution 2026-04\"></div>\n<div class=\"row\"><label>Date of signature</label><input class=\"mn\" value=\"2026-03-14\"></div>\n<div class=\"row\"><label>Witness required</label><span class=\"tog\"><span class=\"pip\"></span></span></div>\n</section>\n<p class=\"dec\">By signing you confirm you have authority to bind <b>Pellew &amp; Co.</b> and that you have read clauses <a class=\"dt\" href=\"#\">4.2</a>, <a class=\"dt\" href=\"#\">6.1</a> and <a class=\"dt\" href=\"#\">7.3</a> in their final form.</p>\n<button class=\"bt\">Sign and seal</button></div>\n<aside class=\"rl\"><div class=\"mk\"><span class=\"c\">Signed</span><span class=\"l\">Arden</span></div><div class=\"mk hot\"><span class=\"c\">Awaiting</span><span class=\"l\">Pellew</span></div></aside></div></section>\n<section class=\"dz-mod\" data-mod=\"audit\" aria-label=\"Audit trail\">\n<section class=\"au\"><span class=\"k\">Audit trail</span><ol>\n<li><b>2026-03-11 09:42</b> R. Okafor amended clause 4.1 <span class=\"h\">3f2a91c</span></li>\n<li><b>2026-03-12 16:05</b> M. Devlin deleted clause 4.3 <span class=\"h\">8b0e44d</span></li>\n<li><b>2026-03-13 11:20</b> Final version circulated <span class=\"h\">c17d902</span></li>\n<li><b>2026-03-14 08:15</b> Arden Holdings signed <span class=\"h\">e55a3b8</span></li>\n</ol></section></section>\n</div>",
  "css": "\n.dz-chancery-lane-execution { background: var(--background); color: var(--foreground); font-family: var(--pv-body); padding: 32px; }\n.dz-chancery-lane-execution .k { text-transform: uppercase; letter-spacing: .16em; font-size: 10.5px; font-weight: 600; color: var(--muted-foreground); }\n.dz-chancery-lane-execution .hd { max-width: 68ch; margin-bottom: 26px; }\n.dz-chancery-lane-execution 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-execution .sub { margin: 0; font-size: 17.5px; line-height: 1.72; color: var(--muted-foreground); }\n.dz-chancery-lane-execution .doc { display: grid; grid-template-columns: minmax(0, 68ch) 120px; gap: 26px; }\n.dz-chancery-lane-execution .doc { max-width: calc(68ch + 146px); }\n.dz-chancery-lane-execution .fm { border-top: 1px solid var(--border); }\n.dz-chancery-lane-execution .row { display: grid; grid-template-columns: 200px 1fr; align-items: center; gap: 16px; padding: 12px 0; border-bottom: 1px solid var(--border); }\n.dz-chancery-lane-execution label { text-transform: uppercase; letter-spacing: .16em; font-size: 10.5px; font-weight: 600; color: var(--muted-foreground); }\n.dz-chancery-lane-execution input { background: transparent; border: 0; border-bottom: 1px solid transparent; color: var(--foreground); font: inherit; font-size: 16px; padding: 2px 0; }\n.dz-chancery-lane-execution input:focus { outline: none; border-bottom-color: var(--primary); }\n.dz-chancery-lane-execution input.mn { font-family: var(--pv-mono); font-size: 12.5px; }\n.dz-chancery-lane-execution .tog { display: inline-flex; width: 40px; height: 20px; border: 1px solid var(--border); background: var(--secondary); border-radius: 9999px; padding: 2px; }\n.dz-chancery-lane-execution .pip { width: 14px; height: 14px; border-radius: 9999px; background: var(--primary); margin-left: auto; }\n.dz-chancery-lane-execution .dec { font-size: 16px; line-height: 1.7; margin: 20px 0; }\n.dz-chancery-lane-execution .dt { color: var(--accent); text-decoration: none; border-bottom: 1px dotted var(--accent); }\n.dz-chancery-lane-execution .bt { background: var(--primary); color: var(--primary-foreground); border: 0; border-radius: 2px; padding: 11px 18px; font: inherit; font-size: 15px; cursor: pointer; }\n.dz-chancery-lane-execution .rl { border-left: 1px solid var(--border); padding-left: 14px; }\n.dz-chancery-lane-execution .mk { min-height: 44px; margin-bottom: 16px; }\n.dz-chancery-lane-execution .mk .c { font-family: var(--pv-mono); font-size: 12.5px; display: block; }\n.dz-chancery-lane-execution .mk .l { text-transform: uppercase; letter-spacing: .16em; font-size: 10.5px; font-weight: 600; color: var(--muted-foreground); }\n.dz-chancery-lane-execution .mk.hot .c { color: var(--accent); }\n.dz-chancery-lane-execution .au { max-width: calc(68ch + 146px); margin-top: 26px; border-top: 1px solid var(--border); padding-top: 16px; }\n.dz-chancery-lane-execution ol { list-style: none; margin: 10px 0 0; padding: 0; }\n.dz-chancery-lane-execution li { font-family: var(--pv-mono); font-size: 12.5px; padding: 7px 0; border-bottom: 1px solid var(--border); color: var(--muted-foreground); }\n.dz-chancery-lane-execution li b { color: var(--foreground); font-weight: 400; margin-right: 12px; }\n.dz-chancery-lane-execution .h { color: var(--accent); float: right; }\n@media (prefers-reduced-motion: reduce) { .dz-chancery-lane-execution *, .dz-chancery-lane-execution *::before, .dz-chancery-lane-execution *::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"
}