#
Design Inspection Gallery

All reusable single-HTML design options in one navigable file.

single-html-document / design options

# Choose the report shape before building the page

This index is the inspection gallery for all possible sample designs. It is a packaging-safe single HTML page with internal navigation, comparison data, thumbnail previews, and links to the full functional samples.

##
Compare Options

Design | Website type | Best fit | Sample size
--- | --- | --- | ---
Institutional Analytics | operational analytics dashboard | CSV or admin exports, product-like operational reporting, KPI-heavy dashboards. | 13.0 KB
Record Catalogue | searchable record catalogue | Atomic Markdown records, protocols, tool inventories, people directories, compliance registers. | 13.7 KB
Committee Briefing | committee briefing microsite | Meeting packs, committee papers, workshop notes, decision briefings with a strong opening overview. | 9.6 KB
Protocol Dossier | single protocol dossier | A single important protocol, policy proposal, research plan, or risk review that needs authority. | 9.2 KB
Tabbed Workshop | facilitated workshop website | Training packs, facilitation guides, strategy workshops, slide-like reports opened in a browser. | 12.3 KB
Inspection Gallery | visual inspection gallery | Image/model comparisons, screenshots, prompt galleries, portfolio-style evidence reviews. | 21.7 KB
Workshop Report | detailed workshop/event report | Event reports, training-session records, speaker/session pages, slide-rich meeting notes, and follow-up packs. | 24.3 KB

##
Design Previews

operational analytics dashboard

##
Institutional Analytics

Institution AI Usage Analytics

Best for
  CSV or admin exports, product-like operational reporting, KPI-heavy dashboards.
Avoid for
  Long narrative reports where charts are only supporting evidence.
Layout
  Left rail, topbar metadata chips, KPI cards, dashboard grids, ranked table, footer strip.
Palette
  Warm sand, deep teal, slate, muted gold, restrained red.

navigation rail metadata chips KPI cards chart panels ranked table export cards
Inspect here
Compare
institutional-analytics.single.html / 13.0 KB

searchable record catalogue

##
Record Catalogue

AI Stress Test Protocol Library

Best for
  Atomic Markdown records, protocols, tool inventories, people directories, compliance registers.
Avoid for
  Reports that need a polished first-read narrative arc.
Layout
  Header bar, sticky filter sidebar, summary stats, stacked record cards with metadata grids.
Palette
  Institutional blue, white, governance-style greys, gold focus state, semantic status colours.

search select filters record cards status pills metadata grid print-safe cards
Inspect here
Compare
record-catalogue.single.html / 13.7 KB

committee briefing microsite

##
Committee Briefing

AI Governance Committee Pack

Best for
  Meeting packs, committee papers, workshop notes, decision briefings with a strong opening overview.
Avoid for
  Dense data exploration where the reader needs tables first.
Layout
  Landing overview, fact cards, section cards, sticky scroll sidebar, long-form article sections.
Palette
  Light neutral, black ink, blue active state, quiet grey surfaces.

landing panel attendance/fact cards section overview grid scroll navigation highlight boxes
Inspect here
Compare
committee-briefing.single.html / 9.6 KB

single protocol dossier

##
Protocol Dossier

Interview Integrity Protocol

Best for
  A single important protocol, policy proposal, research plan, or risk review that needs authority.
Avoid for
  Collections of many short records.
Layout
  Full-width institutional hero, right-side metadata cards, article body, sticky fact rail, reading/meeting toggle.
Palette
  Institutional blue, gold, white, muted grey, high contrast.

hero metadata fact rail table of contents prose body meeting-mode sections
Inspect here
Compare
protocol-dossier.single.html / 9.2 KB

facilitated workshop website

##
Tabbed Workshop

AI Decision Workshop

Best for
  Training packs, facilitation guides, strategy workshops, slide-like reports opened in a browser.
Avoid for
  Documents that must print as one uninterrupted paper.
Layout
  Compact hero, stat strip, tab buttons, card grids, action blocks.
Palette
  Deep blue header, gold tab rule, white content, pale grey cards.

tabs stat strip card grids action lists print-all fallback
Inspect here
Compare
tabbed-workshop.single.html / 12.3 KB

visual inspection gallery

##
Inspection Gallery

Image Capability Review Gallery

Best for
  Image/model comparisons, screenshots, prompt galleries, portfolio-style evidence reviews.
Avoid for
  Text-only reports where large visual surfaces waste space.
Layout
  Dark utility rail, filter controls, large figure grid, figure metadata, source/provenance notes.
Palette
  Charcoal shell, paper cards, red or teal accent, neutral metadata.

figure grid category filters metadata badges source drawers rubric download
Inspect here
Compare
inspection-gallery.single.html / 21.7 KB

detailed workshop/event report

##
Workshop Report

Research Practice Workshop

Best for
  Event reports, training-session records, speaker/session pages, slide-rich meeting notes, and follow-up packs.
Avoid for
  Short memos where programme, media, and provenance would add noise.
Layout
  Image-led hero, sticky navigation, programme timeline, session detail cards, slide gallery, speakers, materials, provenance.
Palette
  Institutional navy, warm paper, gold highlights, clinical blue accents, photo-led content blocks.

hero image sticky section nav programme timeline session cards slide image gallery speaker cards materials/provenance
Inspect here
Compare
workshop-report.single.html / 24.3 KB