{
  "id": "herbarium-plate-loan",
  "name": "Loan Request",
  "theme": "herbarium-plate",
  "category": "Settings & Forms",
  "description": "A loan application form where the sheets being requested are shown as actual plates in the form, so nobody submits a request for the wrong accession number.",
  "layout": "A single 860px column: institution fields, then the requested sheets rendered as small plates with remove controls, then the undertakings as explicit checkboxes.",
  "modules": [
    {
      "key": "head",
      "name": "Request head",
      "html": "\n<header class=\"rh\"><span class=\"ct\">Loans</span><h1>Request material</h1><p>Loans are made between institutions. The borrowing institution's registrar must countersign before material leaves the building.</p></header>"
    },
    {
      "key": "inst",
      "name": "Institution fields",
      "html": "\n<div class=\"fg\">\n  <label>Borrowing institution<input type=\"text\" value=\"Universitetet i Bergen, Herbarium BG\"></label>\n  <label>Index Herbariorum code<input type=\"text\" value=\"BG\"></label>\n  <label>Responsible researcher<input type=\"text\" value=\"Dr Hanne Vestergaard\"></label>\n  <label>Purpose<select><option>Revision of a genus</option><option>Type comparison</option><option>Exhibition</option><option>Teaching</option></select></label>\n</div>"
    },
    {
      "key": "sheets",
      "name": "Requested sheets",
      "html": "\n<section class=\"rq\"><span class=\"ct\">Requested sheets — 3</span>\n<div class=\"g3\">\n  <figure class=\"pl\"><img src=\"{{ART specimen}}\" alt=\"{{ARTALT specimen}}\"><figcaption><i>Polystichum aculeatum</i><span class=\"ac\">HB.4417</span><button type=\"button\">Remove</button></figcaption></figure>\n  <figure class=\"pl\"><img src=\"{{ART seedhead}}\" alt=\"{{ARTALT seedhead}}\"><figcaption><i>Equisetum sylvaticum</i><span class=\"ac\">HB.4502</span><button type=\"button\">Remove</button></figcaption></figure>\n  <figure class=\"pl type\"><img src=\"{{ART moss}}\" alt=\"{{ARTALT moss}}\"><figcaption><i>Polytrichum commune</i><span class=\"ac\">HB.2201 · TYPE</span><button type=\"button\">Remove</button></figcaption></figure>\n</div>\n<p class=\"fn\">One of these is a type specimen. Types travel by courier only and cannot be sampled destructively.</p></section>"
    },
    {
      "key": "terms",
      "name": "Undertakings",
      "html": "\n<section class=\"un\"><span class=\"ct\">Undertakings</span>\n<label><input type=\"checkbox\" checked> Material will be kept in a locked cabinet at 18 °C or below and 45–55% relative humidity.</label>\n<label><input type=\"checkbox\" checked> No annotation will be made on original labels; determinations will be added on separate slips.</label>\n<label><input type=\"checkbox\"> No destructive sampling will be undertaken on any sheet in this request.</label>\n<label><input type=\"checkbox\" checked> Material will be returned within twelve months or a renewal requested in writing.</label>\n<div class=\"ac2\"><button type=\"button\" class=\"pri\">Submit request</button><button type=\"button\" class=\"sec\">Save draft</button></div></section>"
    }
  ],
  "moduleCount": 4,
  "reorderable": true,
  "meta": {
    "id": "herbarium-plate-loan",
    "model": "Claude Opus 5",
    "author": "Claude Code",
    "createdAt": "2026-09-01T23:37:27+09:00",
    "updatedAt": "2026-09-01T23:37:27+09:00",
    "version": "1.0.0",
    "isNew": false
  },
  "link": "/api/v1/designs/herbarium-plate-loan.json",
  "structure": "A single 860px column: institution fields, then the requested sheets rendered as small plates with remove controls, then the undertakings as explicit checkboxes.",
  "html": "<div class=\"dz dz-herbarium-plate-loan\" data-design=\"herbarium-plate-loan\" data-theme=\"herbarium-plate\">\n<section class=\"dz-mod\" data-mod=\"head\" aria-label=\"Request head\">\n<header class=\"rh\"><span class=\"ct\">Loans</span><h1>Request material</h1><p>Loans are made between institutions. The borrowing institution's registrar must countersign before material leaves the building.</p></header></section>\n<section class=\"dz-mod\" data-mod=\"inst\" aria-label=\"Institution fields\">\n<div class=\"fg\">\n  <label>Borrowing institution<input type=\"text\" value=\"Universitetet i Bergen, Herbarium BG\"></label>\n  <label>Index Herbariorum code<input type=\"text\" value=\"BG\"></label>\n  <label>Responsible researcher<input type=\"text\" value=\"Dr Hanne Vestergaard\"></label>\n  <label>Purpose<select><option>Revision of a genus</option><option>Type comparison</option><option>Exhibition</option><option>Teaching</option></select></label>\n</div></section>\n<section class=\"dz-mod\" data-mod=\"sheets\" aria-label=\"Requested sheets\">\n<section class=\"rq\"><span class=\"ct\">Requested sheets — 3</span>\n<div class=\"g3\">\n  <figure class=\"pl\"><img src=\"https://designlookbook.dev/assets/img/herbarium-plate-specimen.webp\" alt=\"A single pressed fern frond on a pale mount\"><figcaption><i>Polystichum aculeatum</i><span class=\"ac\">HB.4417</span><button type=\"button\">Remove</button></figcaption></figure>\n  <figure class=\"pl\"><img src=\"https://designlookbook.dev/assets/img/herbarium-plate-seedhead.webp\" alt=\"A dried seed head against a khaki ground\"><figcaption><i>Equisetum sylvaticum</i><span class=\"ac\">HB.4502</span><button type=\"button\">Remove</button></figcaption></figure>\n  <figure class=\"pl type\"><img src=\"https://designlookbook.dev/assets/img/herbarium-plate-moss.webp\" alt=\"Bright green moss growing on a grey stone\"><figcaption><i>Polytrichum commune</i><span class=\"ac\">HB.2201 · TYPE</span><button type=\"button\">Remove</button></figcaption></figure>\n</div>\n<p class=\"fn\">One of these is a type specimen. Types travel by courier only and cannot be sampled destructively.</p></section></section>\n<section class=\"dz-mod\" data-mod=\"terms\" aria-label=\"Undertakings\">\n<section class=\"un\"><span class=\"ct\">Undertakings</span>\n<label><input type=\"checkbox\" checked> Material will be kept in a locked cabinet at 18 °C or below and 45–55% relative humidity.</label>\n<label><input type=\"checkbox\" checked> No annotation will be made on original labels; determinations will be added on separate slips.</label>\n<label><input type=\"checkbox\"> No destructive sampling will be undertaken on any sheet in this request.</label>\n<label><input type=\"checkbox\" checked> Material will be returned within twelve months or a renewal requested in writing.</label>\n<div class=\"ac2\"><button type=\"button\" class=\"pri\">Submit request</button><button type=\"button\" class=\"sec\">Save draft</button></div></section></section>\n</div>",
  "css": "\n.dz-herbarium-plate-loan { background: var(--background); color: var(--foreground); font-family: var(--pv-body); padding: 30px 36px; max-width: 860px; margin: 0 auto; }\n.dz-herbarium-plate-loan .ct { text-transform: uppercase; letter-spacing: .22em; font-size: 10px; font-weight: 700; color: var(--muted-foreground); display: block; margin-bottom: 10px; }\n.dz-herbarium-plate-loan .rh { padding-bottom: 20px; border-bottom: 1px solid var(--border); margin-bottom: 24px; }\n.dz-herbarium-plate-loan h1 { font-family: var(--pv-display); font-weight: 400; font-size: 31px; margin: 0 0 10px; }\n.dz-herbarium-plate-loan .rh p { margin: 0; font-size: 14px; color: var(--muted-foreground); line-height: 1.6; max-width: 64ch; }\n.dz-herbarium-plate-loan .fg { display: grid; grid-template-columns: 1fr 1fr; gap: 16px 24px; margin-bottom: 30px; }\n.dz-herbarium-plate-loan label { display: block; text-transform: uppercase; letter-spacing: .22em; font-size: 10px; font-weight: 700; color: var(--muted-foreground); }\n.dz-herbarium-plate-loan input[type=text], .dz-herbarium-plate-loan select { display: block; width: 100%; margin-top: 6px; padding: 10px; font: inherit; font-size: 14px; background: var(--card); border: 1px solid var(--input); border-radius: 0; color: var(--foreground); text-transform: none; letter-spacing: 0; font-weight: 400; }\n.dz-herbarium-plate-loan .g3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }\n.dz-herbarium-plate-loan .pl { margin: 0; background: var(--card); border: 1px solid var(--border); padding: 10px; }\n.dz-herbarium-plate-loan .pl.type { border-left: 3px solid var(--accent); }\n.dz-herbarium-plate-loan .pl img { width: 100%; height: 120px; object-fit: cover; display: block; filter: var(--img-filter); }\n.dz-herbarium-plate-loan figcaption { padding-top: 10px; margin-top: 10px; border-top: 1px solid var(--border); display: grid; gap: 5px; }\n.dz-herbarium-plate-loan .pl i { font-size: 12.5px; }\n.dz-herbarium-plate-loan .ac { font-family: var(--pv-mono); font-size: 11.5px; color: var(--muted-foreground); }\n.dz-herbarium-plate-loan figcaption button { justify-self: start; font: inherit; font-size: 11.5px; padding: 4px 9px; background: transparent; border: 1px solid var(--border); color: var(--muted-foreground); cursor: pointer; }\n.dz-herbarium-plate-loan .fn { font-size: 12.5px; color: var(--muted-foreground); margin: 14px 0 0; }\n.dz-herbarium-plate-loan .un { margin-top: 30px; padding-top: 20px; border-top: 1px solid var(--border); }\n.dz-herbarium-plate-loan .un label { display: flex; gap: 10px; align-items: flex-start; text-transform: none; letter-spacing: 0; font-size: 13.5px; font-weight: 400; color: var(--foreground); line-height: 1.55; padding: 9px 0; border-bottom: 1px solid var(--border); }\n.dz-herbarium-plate-loan .ac2 { display: flex; gap: 10px; margin-top: 20px; }\n.dz-herbarium-plate-loan .pri { background: var(--primary); color: var(--primary-foreground); border: 0; padding: 12px 20px; font: inherit; font-size: 14px; cursor: pointer; }\n.dz-herbarium-plate-loan .sec { background: transparent; color: var(--foreground); border: 1px solid var(--border); padding: 12px 20px; font: inherit; font-size: 14px; cursor: pointer; }\n",
  "requiredTheme": "/api/v1/themes/herbarium-plate.json",
  "googleFontsHref": "https://fonts.googleapis.com/css2?family=Young+Serif:wght@400;500;600;700&family=Literata:wght@400;500;600;700&family=Cousine:wght@400;500;600;700&display=swap"
}