The idea: keep the Centre’s existing navy and pink identity and its solid bars, but make navy the structure and pink only the active state and one small accent per area (a short tab on section rules, the current item in a list, the current slide). Content sits on white, with grey stages behind lists and slides, so contrast steps do the grouping.

The slide reader is a stage: each slide is a white 16:9 panel on a light grey ground with a number band, a title, content and image arranged like a slide, and it holds up at phone width where the 16:9 ratio gives way to height that fits the content.

How each journey is served

J1 Revisit a session

Session page keeps all materials in one list beside the selected material; the reader links back to “Recording and notes”.

J2 Read slides as a reader

Numbered slide panels, sized images, contents list, previous/next, quiet “View original slide N” link. Works with CSS alone.

J3 Choose and book

Course cards show level, length and format as labelled values; the booking button is labelled as the University booking page opening in a new tab.

J4 Find by a remembered word

Search dropdown with title, type and date, with matches marked. Restoring the query on Back is a build matter and is not mocked.

J5 Ask for help

A navy consulting strip on Home ends in one action; the strip is deliberately slim because this track fixes the layout.

J6 Share a session

“Copy session link” is a quiet button at the head of the session page.

J7 Give feedback

Quiet entry point on the session and reader pages; a three-field form (rating, free text, optional name) with the privacy line, then a sent state.

J8 Maintain

Not a visual question. The style uses one component per record type: event row, material tag, course card.

J9 Something fails

One amber notice pattern that names what happened and gives a text route, another route and an email. No-results search uses the same wording style. The reader’s scripts-blocked state is shown at #reader-noscript.

Why a form, not an assistant

A short form fits the “under a minute” test, is easy to point at an Oxford Microsoft Form, and needs no data-handling approval beyond what a form already has. A conversational assistant would need a hosted service approved for Oxford data.

Left out on purpose

• Real navigation, filters, calendar, trainer pages and the About-this-site surface: this track fixes the layout and only varies style.
• Presenter names: the content pack holds none, so the slot says so.
• Real logos, a real video player and real booking dates.
• Dark mode, motion and illustration.

Mock-up shortcuts

• The reader shows the BETT 2023 sample deck inside the October MondAI session’s “Presentation” entry. This is illustrative; the sample belongs to a different talk.
• The slide total (16) is set once on the reader wrapper as a CSS counter; the generator that wraps real readers would write each deck’s own total.
• The contents list, current-slide highlight and previous/next bar are the only things that need scripts. Without scripts, the contents list and scrolling still work.

Round 1 changes

Acted on

• Standalone reader.html with all 16 slides as static markup, CSS counters for “Slide N of 16”, per-slide previous/next anchors, a contents list (a native details on phones) and a marked, liftable reader style block. The session page’s “Open the slides” now points to it.
• With scripts off, index.html shows the home page only (not every surface stacked); the #reader, #reader-noscript and #section-N hashes still open the styled deck from CSS alone.
• Navy limited to the header band, primary buttons and the pale slide icons’ backing circle. The consulting strip, reader bar, materials heading, player slot and title slide are now white or pale grey. Pink is a short rule, active mark or bullet.
• 390 px header is one row: logo pair and a Menu button holding the links and search. Logo placeholders drop their small caption on phones.
• Slides: capped at 760 px wide, image height capped at 230 px, icon images at 96 px, title slide no longer forced to 16:9. More white space between sections.
• Page bottom padding reserves room for the review button; every link, button and input has a 3 px pink or white focus ring.

Declined

• A sticky previous/next bar in reader.html: it cannot work without scripts, so each slide carries its own links instead. The sticky bar stays in index.html as the scripted enhancement.

Escalated

• Dominik, Ella: with pink reduced to an accent, is the Centre identity still recognisable enough, or should the header band carry a thin pink rule again?
• Dominik, Ella: the reader.html contents list is written twice (side panel and phone drop-down) so it works without scripts; confirm that doubling is acceptable for the generator.

Open questions

• Dominik, Ella: is pink as accent only too quiet compared with the existing library, which fills whole header bars in pink? Round 1 made it quieter still.
• Dominik, Ella: can Barlow Semi Condensed be self-hosted as one font file for the Canvas entry page, or should headings fall back to the system sans?
• Dominik, Ella: should the slide stage be white-on-grey (as here) or should the title slide of each deck carry the navy block shown on slide 1?
• Ella: should the session page list presenters from the event record? The pack does not include them.