Surface index

Thin navigational layer over the catalogue. Each surface entry lists the components it uses and links into the catalogue and (where available) the live mockup page. Components are defined once in the abstraction layers; surfaces only reference them.

When a new surface is mocked up, add an entry here — don't duplicate component definitions.

Landing & discovery

Single hero entry point: large central search input + featured-specimens gallery + footer links. The chrome search affordance is omitted on landing (the hero search is the primary entry point); other pages keep it as a persistent secondary entry.

Uses: search input , gallery wall cards , chrome (top bar, footer)
Live mockup: index.html

Discover — results (gallery + list + map)

Filter sidebar (checkboxes) + results region with view toggle (Gallery / List / Map), sort, active-filter chips, and the active view's content. Pagination is explicit "Load N more" — never infinite scroll. Map view layers markers + a selected-marker popup over a Lorem Mapsum placeholder; production tiles (Swisstopo / OSM) land in Iteration 3.

Uses: view toggle , filter chips , gallery wall cards , checkboxes , empty state
Live mockup: discover/gallery.html · discover/list.html · discover/map.html

Specimen detail

Two-column. Main: typography hero → parallel classification rows → constituent parts → locality map. Sidebar: image card → on-page nav → citation → attribution.

Main column uses: .section-divider , parallel classification rows , constituent part block , language tag
Sidebar uses: .figure-card (image) , .link-list-card (on-page nav) , .citation-card (citation) , .fact-list-card (attribution)
Layout: DetailLayout (sticky right sidebar)
Live mockup: specimens/detail.html

Institutions index

Single-column directory of all publishing institutions. Lightweight cards (name, location/founded meta, summary, collection + specimen counts), alphabetically sorted. Reached from the primary "Institutions" nav link and from breadcrumbs. No filter sidebar — finite set, revisit when count crosses ~10.

Uses: rounded-box card surface , chrome (top bar, footer, breadcrumb)
Live mockup: institutions.html

Institution detail

Two-column. Main: collections grid + recent specimens. Sidebar: at-a-glance stats → on-page nav → contact & registry.

Main column uses: .section-divider , gallery wall cards
Sidebar uses: .stat-card (At a glance) , .link-list-card , .fact-list-card (Contact & registry)
Live mockup: institutions/nmbe.html

Collection detail

Two-column. Main: collection prose + specimens grid. Sidebar: at-a-glance stats → cite-this-collection → curator & contact.

Sidebar uses: .stat-card , .citation-card (collection-level citation) , .fact-list-card (curator & contact)
Live mockup: institutions/collections/detail.html

Curator workspace TBD

Tool register. Curator dashboard, imports list + detail, CSV validation wizard, record edit, flag queue, review/publish flow. Surfaces to be mocked-up — likely Iteration 2 or later. Will introduce tool-register sizing (tighter spacing, 15px body) and Cinder-based tables for record lists.

Institution & portal admin TBD

Institution settings, collection settings, curator management, publication settings (institution admin); institutions list, withdraw flow, audit log (portal admin). Surfaces to be mocked-up post-MVP-curator. Tool register.

Auth & account TBD

Sign-in, password reset, account settings. Single-column, centred, minimal chrome. Surfaces to be mocked-up alongside the first curator iteration.