{
  "id": "herbarium-plate-workroom",
  "name": "Curation Workroom",
  "theme": "herbarium-plate",
  "category": "App Shell",
  "description": "A working shell for curation where the current sheet is always visible on the left and the task queue on the right never scrolls the specimen out of view.",
  "layout": "A three-region frame: 200px section rail, a fixed plate pane, and a task queue column, all separated by 1px rules with no shadows anywhere.",
  "modules": [
    {
      "key": "rail",
      "name": "Section rail",
      "html": "\n<nav class=\"rl\"><span class=\"brand\">Herbarium</span>\n<ul><li class=\"on\"><a href=\"#\">Determination</a></li><li><a href=\"#\">Accession</a></li><li><a href=\"#\">Imaging</a></li><li><a href=\"#\">Loans</a></li><li><a href=\"#\">Conservation</a></li></ul>\n<span class=\"ct qn\">Queue</span><p class=\"qc\"><b class=\"n\">1,047</b> awaiting</p></nav>"
    },
    {
      "key": "pane",
      "name": "Sheet pane",
      "html": "\n<section class=\"sp\"><figure class=\"pl\"><img src=\"{{ART specimen}}\" alt=\"{{ARTALT specimen}}\"><figcaption><span class=\"ac\">HB.09112 · R. Ferreira · 17.vii.1988 · Torridon</span></figcaption></figure>\n<div class=\"zc\"><button type=\"button\">Whole sheet</button><button type=\"button\" class=\"on\">Frond detail</button><button type=\"button\">Label</button></div></section>"
    },
    {
      "key": "task",
      "name": "Task queue",
      "html": "\n<aside class=\"tq\"><h2>Determine this sheet</h2>\n<label>Proposed name<input type=\"text\" value=\"Polystichum \"></label>\n<label>Basis<select><option>Frond dissection</option><option>Spore measurement</option><option>Field character only</option><option>Comparison with type</option></select></label>\n<label>Confidence<select><option>Confident</option><option>Provisional</option><option>Aff.</option><option>Cf.</option></select></label>\n<label>Note<textarea rows=\"3\">Indusium peltate; pinnules with acute auricle. Compare HB.4417.</textarea></label>\n<div class=\"ac2\"><button type=\"button\" class=\"pri\">Record determination</button><button type=\"button\" class=\"sec\">Skip</button></div>\n<p class=\"fn\">Recorded determinations are appended, never replaced. The 1988 name will remain on the sheet record.</p></aside>"
    }
  ],
  "moduleCount": 3,
  "reorderable": false,
  "meta": {
    "id": "herbarium-plate-workroom",
    "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-workroom.json",
  "structure": "A three-region frame: 200px section rail, a fixed plate pane, and a task queue column, all separated by 1px rules with no shadows anywhere.",
  "html": "<div class=\"dz dz-herbarium-plate-workroom\" data-design=\"herbarium-plate-workroom\" data-theme=\"herbarium-plate\">\n<section class=\"dz-mod\" data-mod=\"rail\" aria-label=\"Section rail\">\n<nav class=\"rl\"><span class=\"brand\">Herbarium</span>\n<ul><li class=\"on\"><a href=\"#\">Determination</a></li><li><a href=\"#\">Accession</a></li><li><a href=\"#\">Imaging</a></li><li><a href=\"#\">Loans</a></li><li><a href=\"#\">Conservation</a></li></ul>\n<span class=\"ct qn\">Queue</span><p class=\"qc\"><b class=\"n\">1,047</b> awaiting</p></nav></section><section class=\"dz-mod\" data-mod=\"pane\" aria-label=\"Sheet pane\">\n<section class=\"sp\"><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><span class=\"ac\">HB.09112 · R. Ferreira · 17.vii.1988 · Torridon</span></figcaption></figure>\n<div class=\"zc\"><button type=\"button\">Whole sheet</button><button type=\"button\" class=\"on\">Frond detail</button><button type=\"button\">Label</button></div></section></section><section class=\"dz-mod\" data-mod=\"task\" aria-label=\"Task queue\">\n<aside class=\"tq\"><h2>Determine this sheet</h2>\n<label>Proposed name<input type=\"text\" value=\"Polystichum \"></label>\n<label>Basis<select><option>Frond dissection</option><option>Spore measurement</option><option>Field character only</option><option>Comparison with type</option></select></label>\n<label>Confidence<select><option>Confident</option><option>Provisional</option><option>Aff.</option><option>Cf.</option></select></label>\n<label>Note<textarea rows=\"3\">Indusium peltate; pinnules with acute auricle. Compare HB.4417.</textarea></label>\n<div class=\"ac2\"><button type=\"button\" class=\"pri\">Record determination</button><button type=\"button\" class=\"sec\">Skip</button></div>\n<p class=\"fn\">Recorded determinations are appended, never replaced. The 1988 name will remain on the sheet record.</p></aside></section>\n</div>",
  "css": "\n.dz-herbarium-plate-workroom { background: var(--background); color: var(--foreground); font-family: var(--pv-body); display: grid; grid-template-columns: 200px 1fr 340px; min-height: 620px; }\n.dz-herbarium-plate-workroom .ct { text-transform: uppercase; letter-spacing: .22em; font-size: 10px; font-weight: 700; color: var(--muted-foreground); display: block; }\n.dz-herbarium-plate-workroom .rl { border-right: 1px solid var(--border); padding: 22px 18px; }\n.dz-herbarium-plate-workroom .brand { font-family: var(--pv-display); font-weight: 400; font-size: 20px; display: block; margin-bottom: 22px; }\n.dz-herbarium-plate-workroom .rl ul { list-style: none; margin: 0 0 26px; padding: 0; }\n.dz-herbarium-plate-workroom .rl a { display: block; padding: 7px 0; text-decoration: none; color: var(--foreground); font-size: 13.5px; border-bottom: 1px solid var(--border); }\n.dz-herbarium-plate-workroom .rl li.on a { color: var(--primary); font-weight: 600; }\n.dz-herbarium-plate-workroom .qc { margin: 8px 0 0; font-size: 13px; }\n.dz-herbarium-plate-workroom .n { font-family: var(--pv-mono); }\n.dz-herbarium-plate-workroom .sp { padding: 24px; border-right: 1px solid var(--border); }\n.dz-herbarium-plate-workroom .pl { margin: 0; background: var(--card); border: 1px solid var(--border); padding: 16px; }\n.dz-herbarium-plate-workroom .pl img { width: 100%; height: 400px; object-fit: cover; display: block; filter: var(--img-filter); }\n.dz-herbarium-plate-workroom figcaption { padding-top: 12px; margin-top: 12px; border-top: 1px solid var(--border); text-align: right; }\n.dz-herbarium-plate-workroom .ac { font-family: var(--pv-mono); font-size: 12px; letter-spacing: .02em; color: var(--muted-foreground); }\n.dz-herbarium-plate-workroom .zc { display: flex; gap: 8px; margin-top: 16px; }\n.dz-herbarium-plate-workroom .zc button { font: inherit; font-size: 12.5px; padding: 8px 14px; background: transparent; color: var(--foreground); border: 1px solid var(--border); border-radius: 0; cursor: pointer; }\n.dz-herbarium-plate-workroom .zc button.on { background: var(--primary); color: var(--primary-foreground); border-color: var(--primary); }\n.dz-herbarium-plate-workroom .tq { padding: 24px; }\n.dz-herbarium-plate-workroom h2 { font-family: var(--pv-display); font-weight: 400; font-size: 20px; margin: 0 0 18px; }\n.dz-herbarium-plate-workroom .tq label { display: block; text-transform: uppercase; letter-spacing: .22em; font-size: 10px; font-weight: 700; color: var(--muted-foreground); margin-bottom: 14px; }\n.dz-herbarium-plate-workroom input, .dz-herbarium-plate-workroom select, .dz-herbarium-plate-workroom textarea { display: block; width: 100%; margin-top: 6px; padding: 10px; font: inherit; font-size: 13.5px; background: var(--card); border: 1px solid var(--input); border-radius: 0; color: var(--foreground); text-transform: none; letter-spacing: 0; font-weight: 400; resize: vertical; }\n.dz-herbarium-plate-workroom .ac2 { display: flex; gap: 10px; margin-top: 6px; }\n.dz-herbarium-plate-workroom .pri { flex: 1; background: var(--primary); color: var(--primary-foreground); border: 0; padding: 12px; font: inherit; font-size: 13.5px; cursor: pointer; }\n.dz-herbarium-plate-workroom .sec { background: transparent; color: var(--foreground); border: 1px solid var(--border); padding: 12px 16px; font: inherit; font-size: 13.5px; cursor: pointer; }\n.dz-herbarium-plate-workroom .fn { font-family: var(--pv-mono); font-size: 12px; letter-spacing: .02em; color: var(--muted-foreground); margin: 14px 0 0; line-height: 1.5; }\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"
}