mvoom
← all teardowns

Okaydev Demo

9 elements fade — quick — on load

original piece by

okaydev.co↗

.social-demo-stage

Summary

origin
okaydev.co
selector
.social-demo-stage
family
entrance
passes
rest, ground, motion, scrub, feel, interaction, fallback
read directly
85 %
WHAT WAS MEASURED

mechanism

12
distinct mechanisms. That is what actually has to be built, and what sets the price.
4
unique easing curves. Each one is a design decision to get right.
22
elements in motion. Scope raises the price, but in logarithm: repeating is not the expensive part.
THE CHARACTER OF THE MOTION
fastslow

12 mechanisms · 4 curves

one recipemany

12 distinct mechanisms

intimatecrowd

22 elements in motion

measuredinferred

85 % read from the engine, the rest sampled or inferred

WHAT COULD NOT BE MEASURED

The travel is re-anchored when the piece is mounted outside its page: the original scroll range belonged to a document this component no longer lives in. The mechanism — which properties, with which curve, from where to where — is the measured one.

MOUNTING THE PIECE…
RUNNING ON THE MEASURED RECIPES · 1440 PX, SCALEDIMAGES AND TEXT ARE STAND-INS — WE NEVER TAKE THEM