← Back to Prototypes

Changelog

Revision history for the MDS AI Search prototype suite.

v0.4 April 8, 2026
Brand & Logo
  • Replaced text-based MDS monogram with the official MDS logo image across all 7 prototype pages
  • Logo sourced from movementdisorders.org/MDS-Files1/Graphics/ipmds_noscrn.png
v0.3 April 8, 2026
MDS Brand Conformance
  • Rebuilt entire prototype CSS to match actual MDS website design system extracted from their Titan CMS theme
  • Font: Inter/Source Sans → Lato (300/400/700/900), matching --fontfamily-primary
  • Font weights updated to MDS scale: --fontweight-bold: 900, --fontweight-medium: 600
  • Base font size: 15px → 16px (--fontsize-primary: 1.6rem)
  • Line height: 1.6 → 1.4 (--lineheight-titanBody)
  • Header: dark navy background → white with 3px solid #AF2626 bottom border
  • Nav links: white-on-dark → dark text on white (#444, weight 700), hover to brand red
  • Primary accent: teal → MDS Red #AF2626 throughout (buttons, citations, focus states, badges)
  • Link color: #0d4e5c → #AF2626 with hover #7D0D0D
  • Page background: #f7f8fa → #EFEFEB (MDS --color-light)
  • Footer: light gray → #C7C8C3 with 3px solid #AF2626 top border
  • All grays remapped from Tailwind slate to MDS warm grays (#DEDED7, #C7C8C3, #70705A)
  • Buttons: rounded teal → 4px radius, MDS red, inverted hover (matching MDS button pattern)
  • Search bar: 8px radius → 50px pill shape (MDS border-radius: 50px)
  • CTA block: teal gradient → #EFEFEB with 3px red top border (MDS card pattern)
  • Patient redirect card: amber/yellow → MDS secondary blue #136294 accent
  • C2 category icons: Tailwind colors → MDS regional palette (red, green, blue, mauve)
  • Content max-width: 1100px → 1175px (--siteBoundsWidth)
Style Guide
  • Updated MDS_Style_Guide.html page chrome from NWS branding to MDS branding
  • Header banner: NWS teal → MDS Red #AF2626
  • All page typography: Montserrat/Libre Baskerville → Lato
  • Section headings, tables, code blocks, swatches, and footer all use MDS colors and type scale
  • Page width: 860px → 1175px (--siteBoundsWidth)
v0.2 April 8, 2026
New Pages
  • Added MDS_Style_Guide.html — comprehensive brand reference extracted from the MDS website CSS (site.css, vars.css, theme.css)
  • Documents colors, typography (Lato), buttons, components, spacing, breakpoints, and header/footer patterns
  • Added style guide link to index.html under new “Reference” section
Enhancements
  • Added “Ask a follow-up question” search box to the bottom of all 6 result prototypes (A1, A2, A3, B2, C1, C2)
  • Follow-up input styled consistently with the main search bar (shared CSS)
  • B1 (empty state) intentionally excluded — no result to follow up on
v0.1 April 8, 2026
Initial Release
  • 7 static HTML prototypes demonstrating AI-powered search for the MDS website
  • B1 — Search entry point (empty state with suggested query chips)
  • A1 — Member full-access search (PSP diagnostic criteria, 5 citations)
  • A2 — Non-member gated search (DBS education, lock icons, membership upsell)
  • A3 — Patient detection + redirect (empathetic redirect to patient resources)
  • B2 — Safety guardrail (clinical advice refusal for levodopa dosage query)
  • C1 — Out-of-scope query (Alzheimer’s biomarkers, honest “no results”)
  • C2 — Multi-source response (dystonia, citations grouped by content type)
  • Shared CSS (assets/mds-prototype.css) approximating MDS site chrome
  • NWS-branded index.html navigation hub linking all prototypes
  • All citation links point to real movementdisorders.org URLs
  • Purple dashed-border annotation callouts for walkthrough context
  • Deployed to Cloudflare Pages at mds-ai-search.pages.dev
Design Decisions
  • Search on a dedicated page (not header replacement or overlay)
  • Responses fully rendered (no streaming/typewriter — stakeholders said “not a chatbot”)
  • Real live MDS URLs in all citations for convincing demo
  • Subtle annotation callouts for live walkthrough + async exploration