{
  "id": "chancery-lane-authority",
  "name": "Authority",
  "theme": "chancery-lane",
  "category": "Auth & Onboarding",
  "description": "A sign-in that reads as a covering letter rather than a product screen, with the firm and matter reference stated in mono before any field appears.",
  "layout": "A single 68ch column with the rail present and empty; the form is three ruled rows and the legal notice sits above the button, not below it.",
  "modules": [
    {
      "key": "letter",
      "name": "Covering block",
      "html": "\n<header class=\"hd\"><span class=\"k\">Chancery · secure access</span><h1>Arden Holdings Limited</h1><p class=\"sub\">You have been granted access to one matter. This link expires at 18:00 on 14 March and cannot be forwarded.</p><div class=\"meta\"><span>Matter <b>ARD-MSA-0072</b></span><span>Granted by <b>R. Okafor</b></span></div></header>"
    },
    {
      "key": "form",
      "name": "Access form",
      "html": "\n<div class=\"doc\"><div class=\"bd\"><section class=\"fm\">\n<div class=\"row\"><label>Email</label><input value=\"m.devlin@pellew.co.uk\"></div>\n<div class=\"row\"><label>Access code</label><input class=\"mn\" value=\"——— ——— ———\"></div>\n</section>\n<p class=\"dec\">Access is logged. Your name, the time of access and every clause you open will appear in the audit trail of this instrument and are visible to all parties.</p>\n<button class=\"bt\">Open the matter</button>\n<a class=\"alt\" href=\"#\">Request a new link</a></div><aside class=\"rl\"></aside></div>"
    },
    {
      "key": "note",
      "name": "Practice note",
      "html": "\n<section class=\"nt\"><span class=\"k\">If you were not expecting this</span><p>Do not enter a code. Contact the sending firm on the number printed on their letterhead — not on any number in the message that brought you here.</p></section>"
    }
  ],
  "moduleCount": 3,
  "reorderable": true,
  "meta": {
    "id": "chancery-lane-authority",
    "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-authority.json",
  "structure": "A single 68ch column with the rail present and empty; the form is three ruled rows and the legal notice sits above the button, not below it.",
  "html": "<div class=\"dz dz-chancery-lane-authority\" data-design=\"chancery-lane-authority\" data-theme=\"chancery-lane\">\n<section class=\"dz-mod\" data-mod=\"letter\" aria-label=\"Covering block\">\n<header class=\"hd\"><span class=\"k\">Chancery · secure access</span><h1>Arden Holdings Limited</h1><p class=\"sub\">You have been granted access to one matter. This link expires at 18:00 on 14 March and cannot be forwarded.</p><div class=\"meta\"><span>Matter <b>ARD-MSA-0072</b></span><span>Granted by <b>R. Okafor</b></span></div></header></section>\n<section class=\"dz-mod\" data-mod=\"form\" aria-label=\"Access form\">\n<div class=\"doc\"><div class=\"bd\"><section class=\"fm\">\n<div class=\"row\"><label>Email</label><input value=\"m.devlin@pellew.co.uk\"></div>\n<div class=\"row\"><label>Access code</label><input class=\"mn\" value=\"——— ——— ———\"></div>\n</section>\n<p class=\"dec\">Access is logged. Your name, the time of access and every clause you open will appear in the audit trail of this instrument and are visible to all parties.</p>\n<button class=\"bt\">Open the matter</button>\n<a class=\"alt\" href=\"#\">Request a new link</a></div><aside class=\"rl\"></aside></div></section>\n<section class=\"dz-mod\" data-mod=\"note\" aria-label=\"Practice note\">\n<section class=\"nt\"><span class=\"k\">If you were not expecting this</span><p>Do not enter a code. Contact the sending firm on the number printed on their letterhead — not on any number in the message that brought you here.</p></section></section>\n</div>",
  "css": "\n.dz-chancery-lane-authority { background: var(--background); color: var(--foreground); font-family: var(--pv-body); padding: 52px 32px; }\n.dz-chancery-lane-authority .k { text-transform: uppercase; letter-spacing: .16em; font-size: 10.5px; font-weight: 600; color: var(--muted-foreground); }\n.dz-chancery-lane-authority .hd { max-width: 68ch; margin-bottom: 26px; }\n.dz-chancery-lane-authority 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-authority .sub { margin: 0 0 16px; font-size: 17.5px; line-height: 1.72; color: var(--muted-foreground); }\n.dz-chancery-lane-authority .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-authority .meta b { color: var(--foreground); font-weight: 400; }\n.dz-chancery-lane-authority .doc { display: grid; grid-template-columns: minmax(0, 68ch) 120px; gap: 26px; }\n.dz-chancery-lane-authority .doc { max-width: calc(68ch + 146px); }\n.dz-chancery-lane-authority .fm { margin-bottom: 20px; }\n.dz-chancery-lane-authority .row { display: grid; grid-template-columns: 160px 1fr; align-items: center; gap: 16px; padding: 12px 0; border-bottom: 1px solid var(--border); }\n.dz-chancery-lane-authority label { text-transform: uppercase; letter-spacing: .16em; font-size: 10.5px; font-weight: 600; color: var(--muted-foreground); }\n.dz-chancery-lane-authority input { background: transparent; border: 0; color: var(--foreground); font: inherit; font-size: 16px; padding: 2px 0; }\n.dz-chancery-lane-authority input:focus { outline: none; }\n.dz-chancery-lane-authority input.mn { font-family: var(--pv-mono); font-size: 12.5px; letter-spacing: .2em; }\n.dz-chancery-lane-authority .dec { font-size: 16px; line-height: 1.7; margin: 0 0 20px; }\n.dz-chancery-lane-authority .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-authority .alt { display: inline-block; margin-left: 16px; color: var(--primary); text-decoration: none; border-bottom: 1px solid var(--primary); font-size: 15px; }\n.dz-chancery-lane-authority .rl { border-left: 1px solid var(--border); padding-left: 14px; }\n.dz-chancery-lane-authority .nt { max-width: 68ch; margin-top: 26px; border-left: 2px solid var(--destructive); padding-left: 14px; }\n.dz-chancery-lane-authority .nt p { margin: 6px 0 0; font-size: 16px; line-height: 1.7; }\n@media (prefers-reduced-motion: reduce) { .dz-chancery-lane-authority *, .dz-chancery-lane-authority *::before, .dz-chancery-lane-authority *::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"
}