Prototypes

Prototypes

Interactive prototypes for the Wavecast Design System. Working models of pages, structures and interactivity, hosted whole so behaviour can be tried, not just read. Each card opens the prototype in a new tab.

Focus: Pages · Structures · InteractivityCount: 9Status: Building out
Open in new tab ↗Content · MHN · Light

MHN · Session Summary

A session-summary article stress-testing the WDS type roles in context on the MHN Hub chrome: a full-width event bar, an on-page title aligned to the content grid, and an editorial body carrying video, a slide, a photo gallery, speaker quotes and role-bound tables, alongside a sticky Chapters and Speakers rail. Part of a click-through journey — Hub → Event → Session.

 Open in new tab ↗Pages · MHN

MHN · Page Preview

The MHN MIMS Learning page assembled from its sections end to end: the header (app bar, video, control bar), Featured (Banner and 5050, each with a logo grid), Sponsored Webinars (SM container), Banner Ads, Briefings (Letterbox container), and the footer.

 Open in new tab ↗Pages · MIMS · Light

MIMS Health Network Hub

Multi-event hub homepage: branded masthead and hero, three programme sections (Live Digital, Partner Webinars, GP Business Power Hour) with event cards for the two Summits and three Power Hours, plus working nav dropdown, About and Contact views. Content reference for Sketch layout.

 Open in new tab ↗Pages · ION · Light

Hub Photos

The hub-level Photos page: a top-level gallery across all ION events with a Display / Product / Search filter bar, opening any album into the justified gallery and light photo viewer.

 Open in new tab ↗Pages · ION · Light

Event Photos · Hub

The public, light-mode counterpart: the same album listing, album and photo viewer pattern inside the ION community hub and an event page (Debtwire Forum Italy 2026), via a Photos tab.

 Open in new tab ↗Pages · ION

Workspace · Media · Photos

The ION photos experience end to end: album listing, an opened photo album (justified rows), and the individual photo viewer with tagged people and metadata. Drill-down, real event photos.

 Open in new tab ↗Interactivity

Filters & Bookings

An active event listing with a stacking, removable chip filter engine: status and submitter presets, dependency chips, plus service-level, time, bookings and starred facets.

 Open in new tab ↗Interactivity

Browser Preview

Open a full-bleed component full-screen at true 1:1 size. An 'Open in browser' affordance on the reference preview panel launches the component in its own window, framed by a sticky 80px preview bar (styled like the App Bar) that carries the controls — mode, zoom (Fit / 50% / 100%), dimensions.

 Open in new tab ↗Audience · Moody's · Light

Audience & Access Control

The Audience module end to end for Credit Frontiers Europe 2026: an Overview dashboard (KPIs, timeline, source mix, top segments, activity feed), an operational Directory with lifecycle filters, bulk actions and cohort handoff to Email, and Registration across its six tabs (Overview, Eligibility with Permit and Deny sections, Capacity, Flow, Gatekeeper with pre-approval, Automations).

Building a new prototype? Follow the design conventions and import the shared kit so every prototype stays part of the same set.

Prototypes
The home of WDS interactive prototypes. Each card opens a self-contained prototype in a new tab.