{
  "id": "herbarium-plate-institute",
  "name": "Institute Front",
  "theme": "herbarium-plate",
  "category": "Landing",
  "description": "An institutional front page that opens on a single mounted plate rather than a photograph of a building, and states the size of the collection as its headline claim.",
  "layout": "One oversized plate centred at 720px against the board, with a four-figure count strip beneath it and a plain two-column note.",
  "modules": [
    {
      "key": "plate",
      "name": "Hero plate",
      "html": "\n<figure class=\"hp\"><img src=\"{{ART hero}}\" alt=\"{{ARTALT hero}}\"><figcaption><b>The Nwosu fern collection, sheet 1 of 2,204</b><span class=\"ac\">HB.4417 · Glen Affric · 12.viii.1974</span></figcaption></figure>"
    },
    {
      "key": "lede",
      "name": "Lede",
      "html": "\n<section class=\"ld\"><span class=\"ct\">Since 1889</span><h1>Eighteen thousand sheets, and every one of them findable</h1><p>The herbarium holds vascular plants, bryophytes and lichens from the north Atlantic and west Africa. The whole register is public, images are released as they are digitised, and loans go out to any institution that asks.</p></section>"
    },
    {
      "key": "counts",
      "name": "Count strip",
      "html": "\n<section class=\"cs\">\n  <div><b class=\"n\">18,402</b><span class=\"ct\">Sheets held</span></div>\n  <div><b class=\"n\">1,204</b><span class=\"ct\">Type specimens</span></div>\n  <div><b class=\"n\">11,890</b><span class=\"ct\">Digitised</span></div>\n  <div><b class=\"n\">61</b><span class=\"ct\">Loans out</span></div>\n</section>"
    },
    {
      "key": "notes",
      "name": "Two notes",
      "html": "\n<section class=\"tn\">\n  <div><h2>For researchers</h2><p>Loans are made to institutions, not individuals. Requests are answered within ten working days and material travels within six weeks. Destructive sampling requires a separate application and is refused for types.</p></div>\n  <div><h2>For everyone else</h2><p>The reading room is open on Tuesdays and Thursdays without appointment. Bring nothing; pencils and hand lenses are provided, and pens are not permitted anywhere in the building.</p></div>\n</section>"
    }
  ],
  "moduleCount": 4,
  "reorderable": true,
  "meta": {
    "id": "herbarium-plate-institute",
    "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-institute.json",
  "structure": "One oversized plate centred at 720px against the board, with a four-figure count strip beneath it and a plain two-column note.",
  "html": "<div class=\"dz dz-herbarium-plate-institute\" data-design=\"herbarium-plate-institute\" data-theme=\"herbarium-plate\">\n<section class=\"dz-mod\" data-mod=\"plate\" aria-label=\"Hero plate\">\n<figure class=\"hp\"><img src=\"https://designlookbook.dev/assets/img/herbarium-plate-hero.webp\" alt=\"Pressed leaves and stems mounted on a khaki board\"><figcaption><b>The Nwosu fern collection, sheet 1 of 2,204</b><span class=\"ac\">HB.4417 · Glen Affric · 12.viii.1974</span></figcaption></figure></section>\n<section class=\"dz-mod\" data-mod=\"lede\" aria-label=\"Lede\">\n<section class=\"ld\"><span class=\"ct\">Since 1889</span><h1>Eighteen thousand sheets, and every one of them findable</h1><p>The herbarium holds vascular plants, bryophytes and lichens from the north Atlantic and west Africa. The whole register is public, images are released as they are digitised, and loans go out to any institution that asks.</p></section></section>\n<section class=\"dz-mod\" data-mod=\"counts\" aria-label=\"Count strip\">\n<section class=\"cs\">\n  <div><b class=\"n\">18,402</b><span class=\"ct\">Sheets held</span></div>\n  <div><b class=\"n\">1,204</b><span class=\"ct\">Type specimens</span></div>\n  <div><b class=\"n\">11,890</b><span class=\"ct\">Digitised</span></div>\n  <div><b class=\"n\">61</b><span class=\"ct\">Loans out</span></div>\n</section></section>\n<section class=\"dz-mod\" data-mod=\"notes\" aria-label=\"Two notes\">\n<section class=\"tn\">\n  <div><h2>For researchers</h2><p>Loans are made to institutions, not individuals. Requests are answered within ten working days and material travels within six weeks. Destructive sampling requires a separate application and is refused for types.</p></div>\n  <div><h2>For everyone else</h2><p>The reading room is open on Tuesdays and Thursdays without appointment. Bring nothing; pencils and hand lenses are provided, and pens are not permitted anywhere in the building.</p></div>\n</section></section>\n</div>",
  "css": "\n.dz-herbarium-plate-institute { background: var(--background); color: var(--foreground); font-family: var(--pv-body); padding: 36px; display: grid; gap: 34px; justify-items: center; }\n.dz-herbarium-plate-institute .ct { text-transform: uppercase; letter-spacing: .22em; font-size: 10px; font-weight: 700; color: var(--muted-foreground); display: block; }\n.dz-herbarium-plate-institute .hp { margin: 0; background: var(--card); border: 1px solid var(--border); padding: 18px; width: 720px; max-width: 100%; }\n.dz-herbarium-plate-institute .hp img { width: 100%; height: 320px; object-fit: cover; display: block; filter: var(--img-filter); }\n.dz-herbarium-plate-institute figcaption { padding-top: 12px; margin-top: 14px; border-top: 1px solid var(--border); display: flex; justify-content: space-between; align-items: baseline; gap: 20px; }\n.dz-herbarium-plate-institute .hp b { font-family: var(--pv-display); font-weight: 400; font-size: 20px; }\n.dz-herbarium-plate-institute .ac { font-family: var(--pv-mono); font-size: 12px; letter-spacing: .02em; color: var(--muted-foreground); }\n.dz-herbarium-plate-institute .ld { max-width: 720px; text-align: center; }\n.dz-herbarium-plate-institute h1 { font-family: var(--pv-display); font-weight: 400; font-size: 58px; line-height: 1.08; margin: 8px 0 14px; letter-spacing: -.02em; }\n.dz-herbarium-plate-institute .ld p { margin: 0; font-size: 16.5px; line-height: 1.72; color: var(--muted-foreground); }\n.dz-herbarium-plate-institute .cs { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; width: 100%; max-width: 940px; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); }\n.dz-herbarium-plate-institute .cs div { padding: 20px; text-align: center; border-right: 1px solid var(--border); }\n.dz-herbarium-plate-institute .cs div:last-child { border-right: 0; }\n.dz-herbarium-plate-institute .n { font-family: var(--pv-mono); font-size: 40px; font-weight: 700; display: block; margin-bottom: 5px; }\n.dz-herbarium-plate-institute .tn { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; max-width: 940px; }\n.dz-herbarium-plate-institute h2 { font-family: var(--pv-display); font-weight: 400; font-size: 20px; margin: 0 0 8px; }\n.dz-herbarium-plate-institute .tn p { margin: 0; font-size: 14.5px; line-height: 1.68; }\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"
}