MSA Demos
liveThe same product reimagined in four completely different design languages — vanilla HTML, CSS, and JS, no framework and no build step.
- 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.