MSY
All projects

MSA Demos

live

The same product reimagined in four completely different design languages — vanilla HTML, CSS, and JS, no framework and no build step.

HTMLCSSJavaScriptCanvasDesign tokens
4
Design languages
None
Build step
None
Framework

PROBLEM

Clients rarely know what they want a product to feel like until they see options side by side, and describing a visual direction in words wastes a round trip. MSA Demos answers that by building the same product — a health/lab-results platform — four times over, each in a genuinely different design language, so a direction can be picked by pointing at one.

WHAT'S IN IT

  • Dark cosmic treatment with live 3D particle animation on canvas.
  • Bioluminescent-laboratory treatment built on molecular network visuals and flat design.
  • Midnight-violet clinical dashboard with a data-forward aesthetic.
  • Light, airy, accessibility-led open-sky treatment.

ROLE

Solo builder — every demo, from design language through to the canvas animation work.

NOTABLE DECISION

Deliberately no framework and no build step. These exist to be opened, read, and forked in seconds — a toolchain would have added setup cost to the one thing a throwaway design exploration must never have.