{
  "id": "sable-court-instruct",
  "name": "Instruction Form",
  "theme": "sable-court",
  "category": "Settings & Forms",
  "description": "A form for instructing counsel where every field is a bottom-ruled line on the page rather than a box, so the whole thing reads as a document being completed.",
  "layout": "A 64ch form column with the field labels sitting in the 200px left margin beside their inputs rather than above them, and a declaration block ruled off at the foot.",
  "modules": [
    {
      "key": "head",
      "name": "Header",
      "html": "\n<header class=\"hd\"><span class=\"k\">Form 2 · Instructions to counsel</span><h1>New instruction</h1><p>Completed forms are read the same working day. Urgent matters should be telephoned to the clerks as well as submitted here.</p></header>"
    },
    {
      "key": "form",
      "name": "Instruction fields",
      "html": "\n<form class=\"fm\">\n  <div class=\"rw\"><label for=\"sc-solicitor\">Instructing solicitor</label><input id=\"sc-solicitor\" type=\"text\" value=\"Hallam &amp; Barr LLP\"></div>\n  <div class=\"rw\"><label for=\"sc-ref\">Your reference</label><input id=\"sc-ref\" type=\"text\" value=\"HB/2026/4412\"></div>\n  <div class=\"rw\"><label for=\"sc-counsel\">Counsel sought</label><input id=\"sc-counsel\" type=\"text\" value=\"A. Kowalczyk-Reid\"></div>\n  <div class=\"rw\"><label for=\"sc-nature\">Nature of matter</label><input id=\"sc-nature\" type=\"text\" value=\"Contentious trust — review of trustee discretion\"></div>\n  <div class=\"rw\"><label for=\"sc-court\">Court and number</label><input id=\"sc-court\" type=\"text\" value=\"Ch. D. 2026/1184\"></div>\n  <div class=\"rw\"><label for=\"sc-hearing\">Next hearing</label><input id=\"sc-hearing\" type=\"text\" value=\"14 October 2026\"></div>\n  <div class=\"rw tall\"><label for=\"sc-brief\">What is required</label><textarea id=\"sc-brief\" rows=\"4\">Advice on the prospects of an appeal against the trustee's position that an unexercised discretion is not reviewable. Skeleton to follow if advice is favourable.</textarea></div>\n</form>"
    },
    {
      "key": "declare",
      "name": "Declaration",
      "html": "\n<section class=\"dc\"><span class=\"k\">Declaration</span>\n<label class=\"ck\"><input type=\"checkbox\" checked><span>The papers listed in the schedule are complete and, so far as I am aware, accurate.</span></label>\n<label class=\"ck\"><input type=\"checkbox\"><span>This matter is urgent within the meaning of paragraph 4 of the standard terms.</span></label>\n</section>"
    },
    {
      "key": "submit",
      "name": "Submit block",
      "html": "\n<footer class=\"sb\"><button type=\"button\" class=\"go\">Submit instruction</button><button type=\"button\" class=\"qt\">Save draft</button><span class=\"m\">Received instructions are acknowledged by the clerks within four working hours.</span></footer>"
    }
  ],
  "moduleCount": 4,
  "reorderable": true,
  "meta": {
    "id": "sable-court-instruct",
    "model": "Claude Opus 5",
    "author": "Claude Code",
    "createdAt": "2026-09-01T19:58:52+09:00",
    "updatedAt": "2026-09-01T19:58:52+09:00",
    "version": "1.0.0",
    "isNew": false
  },
  "link": "/api/v1/designs/sable-court-instruct.json",
  "structure": "A 64ch form column with the field labels sitting in the 200px left margin beside their inputs rather than above them, and a declaration block ruled off at the foot.",
  "html": "<div class=\"dz dz-sable-court-instruct\" data-design=\"sable-court-instruct\" data-theme=\"sable-court\">\n<section class=\"dz-mod\" data-mod=\"head\" aria-label=\"Header\">\n<header class=\"hd\"><span class=\"k\">Form 2 · Instructions to counsel</span><h1>New instruction</h1><p>Completed forms are read the same working day. Urgent matters should be telephoned to the clerks as well as submitted here.</p></header></section>\n<section class=\"dz-mod\" data-mod=\"form\" aria-label=\"Instruction fields\">\n<form class=\"fm\">\n  <div class=\"rw\"><label for=\"sc-solicitor\">Instructing solicitor</label><input id=\"sc-solicitor\" type=\"text\" value=\"Hallam &amp; Barr LLP\"></div>\n  <div class=\"rw\"><label for=\"sc-ref\">Your reference</label><input id=\"sc-ref\" type=\"text\" value=\"HB/2026/4412\"></div>\n  <div class=\"rw\"><label for=\"sc-counsel\">Counsel sought</label><input id=\"sc-counsel\" type=\"text\" value=\"A. Kowalczyk-Reid\"></div>\n  <div class=\"rw\"><label for=\"sc-nature\">Nature of matter</label><input id=\"sc-nature\" type=\"text\" value=\"Contentious trust — review of trustee discretion\"></div>\n  <div class=\"rw\"><label for=\"sc-court\">Court and number</label><input id=\"sc-court\" type=\"text\" value=\"Ch. D. 2026/1184\"></div>\n  <div class=\"rw\"><label for=\"sc-hearing\">Next hearing</label><input id=\"sc-hearing\" type=\"text\" value=\"14 October 2026\"></div>\n  <div class=\"rw tall\"><label for=\"sc-brief\">What is required</label><textarea id=\"sc-brief\" rows=\"4\">Advice on the prospects of an appeal against the trustee's position that an unexercised discretion is not reviewable. Skeleton to follow if advice is favourable.</textarea></div>\n</form></section>\n<section class=\"dz-mod\" data-mod=\"declare\" aria-label=\"Declaration\">\n<section class=\"dc\"><span class=\"k\">Declaration</span>\n<label class=\"ck\"><input type=\"checkbox\" checked><span>The papers listed in the schedule are complete and, so far as I am aware, accurate.</span></label>\n<label class=\"ck\"><input type=\"checkbox\"><span>This matter is urgent within the meaning of paragraph 4 of the standard terms.</span></label>\n</section></section>\n<section class=\"dz-mod\" data-mod=\"submit\" aria-label=\"Submit block\">\n<footer class=\"sb\"><button type=\"button\" class=\"go\">Submit instruction</button><button type=\"button\" class=\"qt\">Save draft</button><span class=\"m\">Received instructions are acknowledged by the clerks within four working hours.</span></footer></section>\n</div>",
  "css": "\n.dz-sable-court-instruct { background: var(--background); color: var(--foreground); font-family: var(--pv-body); display: grid; grid-template-columns: minmax(0, 864px); justify-content: center; padding: 34px 40px 36px; row-gap: 26px; align-content: start; }\n.dz-sable-court-instruct .hd { max-width: 64ch; }\n.dz-sable-court-instruct .k { font-size: 11px; color: var(--muted-foreground); }\n.dz-sable-court-instruct .hd h1 { font-family: var(--pv-display); font-size: 38px; font-weight: 500; margin: 8px 0 10px; }\n.dz-sable-court-instruct .hd p { font-size: 16px; line-height: 1.6; color: var(--muted-foreground); margin: 0; }\n.dz-sable-court-instruct .fm { display: flex; flex-direction: column; }\n.dz-sable-court-instruct .rw { display: grid; grid-template-columns: 200px minmax(0, 1fr); align-items: baseline; gap: 24px; padding: 12px 0; border-bottom: var(--pv-bw) solid var(--border); }\n.dz-sable-court-instruct .rw label { font-size: 13.5px; font-style: italic; color: var(--muted-foreground); }\n.dz-sable-court-instruct input[type=\"text\"], .dz-sable-court-instruct textarea { font: inherit; font-size: 16px; background: transparent; color: var(--foreground); border: 0; padding: 2px 0; width: 100%; resize: vertical; }\n.dz-sable-court-instruct input[type=\"text\"]:focus, .dz-sable-court-instruct textarea:focus { outline: none; background: var(--card); }\n.dz-sable-court-instruct .tall { align-items: start; }\n.dz-sable-court-instruct .dc { padding-top: 8px; }\n.dz-sable-court-instruct .ck { display: flex; align-items: flex-start; gap: 12px; padding: 10px 0; font-size: 15px; line-height: 1.5; color: var(--muted-foreground); cursor: pointer; }\n.dz-sable-court-instruct .ck input { margin-top: 4px; width: 15px; height: 15px; accent-color: var(--primary); }\n.dz-sable-court-instruct .sb { display: flex; align-items: center; gap: 14px; padding-top: 20px; border-top: var(--pv-bw) solid var(--border); }\n.dz-sable-court-instruct .go { font: inherit; font-size: 15px; background: var(--primary); color: var(--primary-foreground); border: var(--pv-bw) solid var(--border); border-color: var(--primary); border-radius: var(--pv-radius-md); padding: 11px 26px; cursor: pointer; }\n.dz-sable-court-instruct .qt { font: inherit; font-size: 15px; background: var(--card); color: var(--foreground); border: var(--pv-bw) solid var(--border); border-radius: var(--pv-radius-md); padding: 11px 22px; cursor: pointer; }\n.dz-sable-court-instruct .m { font-size: 12.5px; font-style: italic; color: var(--muted-foreground); margin-left: auto; }\n@media (prefers-reduced-motion: reduce) { .dz-sable-court-instruct *, .dz-sable-court-instruct *::before, .dz-sable-court-instruct *::after { transition-duration: 1ms !important; animation-duration: 1ms !important; } }",
  "requiredTheme": "/api/v1/themes/sable-court.json",
  "googleFontsHref": "https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600;700&display=swap"
}