{
  "id": "herbarium-plate-collection",
  "name": "Collection Grid",
  "theme": "herbarium-plate",
  "category": "Search & Browse",
  "description": "The core browse view: a uniform three-up grid of mounted plates, each with its own accession label, and a taxonomy rail that filters by rank rather than by tag.",
  "layout": "A 260px taxonomy rail beside a strict 3-column plate grid at 1340px, plates uniform in height with the caption block fixed at the foot.",
  "modules": [
    {
      "key": "rail",
      "name": "Taxonomy rail",
      "html": "\n<aside class=\"tx\"><span class=\"ct\">Rank</span>\n<ol>\n  <li><a href=\"#\">Plantae</a><ol>\n    <li><a href=\"#\">Tracheophyta</a><ol>\n      <li class=\"on\"><a href=\"#\">Polypodiopsida</a><ol>\n        <li><a href=\"#\">Polypodiales</a></li><li><a href=\"#\">Osmundales</a></li><li><a href=\"#\">Hymenophyllales</a></li>\n      </ol></li>\n      <li><a href=\"#\">Magnoliopsida</a></li>\n    </ol></li>\n  </ol></li>\n</ol>\n<p class=\"nt\">412 sheets in this class. 38 are types.</p></aside>"
    },
    {
      "key": "grid",
      "name": "Plate grid",
      "html": "\n<section class=\"pg\">\n  <figure class=\"pl\"><img src=\"{{ART specimen}}\" alt=\"{{ARTALT specimen}}\"><figcaption><b>Hard shield fern</b><i>Polystichum aculeatum</i><span class=\"ac\">HB.4417 · A. Nwosu · 12.viii.1974</span></figcaption></figure>\n  <figure class=\"pl\"><img src=\"{{ART hero}}\" alt=\"{{ARTALT hero}}\"><figcaption><b>Lady fern</b><i>Athyrium filix-femina</i><span class=\"ac\">HB.4418 · A. Nwosu · 12.viii.1974</span></figcaption></figure>\n  <figure class=\"pl type\"><img src=\"{{ART moss}}\" alt=\"{{ARTALT moss}}\"><figcaption><b>Common haircap</b><i>Polytrichum commune</i><span class=\"ac\">HB.2201 · M. Halvorsen · 03.v.1961</span></figcaption></figure>\n  <figure class=\"pl\"><img src=\"{{ART seedhead}}\" alt=\"{{ARTALT seedhead}}\"><figcaption><b>Wood horsetail</b><i>Equisetum sylvaticum</i><span class=\"ac\">HB.4502 · A. Nwosu · 27.ix.1974</span></figcaption></figure>\n  <figure class=\"pl\"><img src=\"{{ART drawer}}\" alt=\"{{ARTALT drawer}}\"><figcaption><b>Maidenhair spleenwort</b><i>Asplenium trichomanes</i><span class=\"ac\">HB.3390 · R. Ferreira · 08.vi.1968</span></figcaption></figure>\n  <figure class=\"pl\"><img src=\"{{ART specimen}}\" alt=\"{{ARTALT specimen}}\"><figcaption><b>Royal fern</b><i>Osmunda regalis</i><span class=\"ac\">HB.1104 · Unknown · c.1912</span></figcaption></figure>\n</section>"
    },
    {
      "key": "bar",
      "name": "Result bar",
      "html": "\n<div class=\"rb\"><span><b>412</b> sheets · Polypodiopsida</span><span class=\"sp\">Sorted by accession, ascending</span><span class=\"tp\">38 types</span></div>"
    }
  ],
  "moduleCount": 3,
  "reorderable": false,
  "meta": {
    "id": "herbarium-plate-collection",
    "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-collection.json",
  "structure": "A 260px taxonomy rail beside a strict 3-column plate grid at 1340px, plates uniform in height with the caption block fixed at the foot.",
  "html": "<div class=\"dz dz-herbarium-plate-collection\" data-design=\"herbarium-plate-collection\" data-theme=\"herbarium-plate\">\n<div class=\"cols\"><section class=\"dz-mod\" data-mod=\"rail\" aria-label=\"Taxonomy rail\">\n<aside class=\"tx\"><span class=\"ct\">Rank</span>\n<ol>\n  <li><a href=\"#\">Plantae</a><ol>\n    <li><a href=\"#\">Tracheophyta</a><ol>\n      <li class=\"on\"><a href=\"#\">Polypodiopsida</a><ol>\n        <li><a href=\"#\">Polypodiales</a></li><li><a href=\"#\">Osmundales</a></li><li><a href=\"#\">Hymenophyllales</a></li>\n      </ol></li>\n      <li><a href=\"#\">Magnoliopsida</a></li>\n    </ol></li>\n  </ol></li>\n</ol>\n<p class=\"nt\">412 sheets in this class. 38 are types.</p></aside></section><div class=\"main\"><section class=\"dz-mod\" data-mod=\"bar\" aria-label=\"Result bar\">\n<div class=\"rb\"><span><b>412</b> sheets · Polypodiopsida</span><span class=\"sp\">Sorted by accession, ascending</span><span class=\"tp\">38 types</span></div></section><section class=\"dz-mod\" data-mod=\"grid\" aria-label=\"Plate grid\">\n<section class=\"pg\">\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><b>Hard shield fern</b><i>Polystichum aculeatum</i><span class=\"ac\">HB.4417 · A. Nwosu · 12.viii.1974</span></figcaption></figure>\n  <figure class=\"pl\"><img src=\"https://designlookbook.dev/assets/img/herbarium-plate-hero.webp\" alt=\"Pressed leaves and stems mounted on a khaki board\"><figcaption><b>Lady fern</b><i>Athyrium filix-femina</i><span class=\"ac\">HB.4418 · A. Nwosu · 12.viii.1974</span></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><b>Common haircap</b><i>Polytrichum commune</i><span class=\"ac\">HB.2201 · M. Halvorsen · 03.v.1961</span></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><b>Wood horsetail</b><i>Equisetum sylvaticum</i><span class=\"ac\">HB.4502 · A. Nwosu · 27.ix.1974</span></figcaption></figure>\n  <figure class=\"pl\"><img src=\"https://designlookbook.dev/assets/img/herbarium-plate-drawer.webp\" alt=\"A shallow specimen drawer of mounted sheets pulled open\"><figcaption><b>Maidenhair spleenwort</b><i>Asplenium trichomanes</i><span class=\"ac\">HB.3390 · R. Ferreira · 08.vi.1968</span></figcaption></figure>\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><b>Royal fern</b><i>Osmunda regalis</i><span class=\"ac\">HB.1104 · Unknown · c.1912</span></figcaption></figure>\n</section></section></div></div>\n</div>",
  "css": "\n.dz-herbarium-plate-collection { background: var(--background); color: var(--foreground); font-family: var(--pv-body); padding: 30px 36px; }\n.dz-herbarium-plate-collection .cols { display: grid; grid-template-columns: 260px 1fr; gap: 30px; align-items: start; }\n.dz-herbarium-plate-collection .ct { text-transform: uppercase; letter-spacing: .22em; font-size: 10px; font-weight: 700; color: var(--muted-foreground); display: block; margin-bottom: 12px; }\n.dz-herbarium-plate-collection .tx ol { list-style: none; margin: 0; padding: 0 0 0 14px; }\n.dz-herbarium-plate-collection .tx > ol { padding-left: 0; }\n.dz-herbarium-plate-collection .tx a { display: block; padding: 4px 0; text-decoration: none; color: var(--foreground); font-size: 13.5px; }\n.dz-herbarium-plate-collection .tx li.on > a { color: var(--primary); font-weight: 600; }\n.dz-herbarium-plate-collection .nt { font-family: var(--pv-mono); font-size: 12px; letter-spacing: .02em; color: var(--muted-foreground); margin: 18px 0 0; padding-top: 12px; border-top: 1px solid var(--border); }\n.dz-herbarium-plate-collection .rb { display: flex; gap: 18px; align-items: baseline; padding-bottom: 12px; margin-bottom: 18px; border-bottom: 1px solid var(--border); font-size: 13px; }\n.dz-herbarium-plate-collection .sp { color: var(--muted-foreground); }\n.dz-herbarium-plate-collection .tp { margin-left: auto; font-family: var(--pv-mono); font-size: 12px; letter-spacing: .02em; color: var(--muted-foreground); }\n.dz-herbarium-plate-collection .pg { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }\n.dz-herbarium-plate-collection .pl { margin: 0; background: var(--card); border: 1px solid var(--border); border-radius: 1px; padding: 14px; display: grid; grid-template-rows: 200px auto; }\n.dz-herbarium-plate-collection .pl img { width: 100%; height: 200px; object-fit: cover; display: block; filter: var(--img-filter); }\n.dz-herbarium-plate-collection figcaption { padding-top: 12px; margin-top: 12px; border-top: 1px solid var(--border); display: grid; gap: 3px; }\n.dz-herbarium-plate-collection .pl b { font-family: var(--pv-display); font-weight: 400; font-size: 20px; }\n.dz-herbarium-plate-collection .pl i { font-size: 13px; color: var(--muted-foreground); }\n.dz-herbarium-plate-collection .ac { font-family: var(--pv-mono); font-size: 12px; letter-spacing: .02em; color: var(--muted-foreground); text-align: right; margin-top: 6px; }\n.dz-herbarium-plate-collection .pl.type { border-left: 3px solid var(--accent); }\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"
}