Collection 07
Card interfaces in motion, built from transforms, opacity, and filters rather than layout properties. Tune a demo's parameters, then press Replay to re-run its timeline. Hover, tilt, glow, and magnetic tracking are enabled only on fine-pointer devices, and the content reveal answers keyboard focus as well as hover, so nothing here is reachable by hovering alone. The carousel is draggable but always carries Previous and Next buttons. Under reduced motion every card renders as a static, readable layout with the prompt still copyable.
The foundational card entrance: opacity paired with a short rise. A single card arrives in place rather than flying in from off-screen.
Study start-up, monitoring, and close-out run by one accountable team.
Updates as you adjust parameters.
Four cards share one tween offset by a fixed interval, so the grid populates in a deliberate reading order instead of all at once.
Study start-up, monitoring, and close-out run by one accountable team.
SOP architecture and CAPA tracking that survives an unannounced audit.
Mock inspections and evidence packs prepared well before the notice lands.
Qualification, scorecards, and audit cadence for every critical supplier.
Updates as you adjust parameters.
The card raises toward the reader on hover. Replay performs the same lift as a one-shot, so the effect is demonstrable where there is no hover at all.
SOP architecture and CAPA tracking that survives an unannounced audit.
Hover on fine pointers · Replay elsewhere
Updates as you adjust parameters.
A restrained scale-up that keeps the card's border crisp. Scaling the whole card rather than its contents avoids any text reflow.
Mock inspections and evidence packs prepared well before the notice lands.
Updates as you adjust parameters.
The card leans toward the pointer inside a perspective context. On touch it simply sits flat and square, with nothing hidden behind the tilt.
Templates and decision trees for first-in-human study design.
Updates as you adjust parameters.
A soft cyan field fades in behind the card. The glow is a separate aria-hidden layer, so it never interferes with the card's own contrast.
Qualification, scorecards, and audit cadence for every critical supplier.
Updates as you adjust parameters.
Four hairlines scale in sequence to trace the card's outline. Each edge has its own transform-origin, so the line appears to travel around the perimeter.
Submission pathways mapped against each target market's expectation.
Updates as you adjust parameters.
Only the media layer scales inside its crop, so the card's border and text stay perfectly still while the photograph pushes in.
A reporting layer rebuilt around the questions reviewers actually ask.
Updates as you adjust parameters.
A detail panel rises from the card's lower edge. It responds to keyboard focus as well as hover, and its text is always present in the DOM.
Eleven thousand records reconciled in six weeks, with every change traceable to a named reviewer.
Opens on hover or keyboard focus
Updates as you adjust parameters.
The card turns on its Y axis to show a second face. Both faces stay in normal document flow, so no text is hidden from assistive technology and focus is never trapped.
Evidence assembled against the current inspection checklist.
Includes a gap analysis, a remediation plan, and a dry-run interview schedule for each function.
Updates as you adjust parameters.
Three cards begin stacked and separate as the reader scrolls. Pinning is desktop-only; below 860px the cards collapse to a plain readable sequence.
Study start-up, monitoring, and close-out run by one accountable team.
SOP architecture and CAPA tracking that survives an unannounced audit.
Mock inspections and evidence packs prepared well before the notice lands.
Updates as you adjust parameters.
A stacked deck fans outward into a spread, each card rotating slightly around its own centre. Replay re-collapses the deck before spreading it again.
Study start-up, monitoring, and close-out run by one accountable team.
SOP architecture and CAPA tracking that survives an unannounced audit.
Mock inspections and evidence packs prepared well before the notice lands.
Updates as you adjust parameters.
A draggable track of cards, constrained to its viewport. Previous and Next buttons do the same job from the keyboard, so dragging is never the only way through.
eTMF, CTMS, and analytics chosen to fit the protocol.
Role-based curricula with verifiable completion records.
Independent audits against current regulatory expectation.
Version integrity from draft through archive.
Updates as you adjust parameters.
The card leans toward the pointer and springs back when it leaves, as though lightly magnetised. The pull is capped well short of breaking the grid.
A two-day on-site review with findings delivered the same week.
Follows the pointer on fine pointers
Updates as you adjust parameters.