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.
All Analytics Catalogue Briefing Workshop Visual
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
operational analytics dashboard
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
searchable 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
committee briefing microsite
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
single 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
facilitated workshop website
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
visual 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
detailed workshop/event 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