Every curve in this system is φ-derived. Every duration is on the fibonacci ladder. Motion is never decoration — it is the grammar by which the interface speaks.
three primitives, one motion.
opacity 0 → 1
translateY 24 → 0
--e-phi · 1618ms
chained by ~60ms stagger when siblings
Every element on this page entered with the same motion. You probably didn't notice.
The signature transition is invisible by design. It is the way the interface breathes — not a feature, an atmosphere. Reload the page and watch the foundation strip on the index.
each child enters 60ms after the previous.
more than that and the chain feels slow.
less and it feels simultaneous.
transition: transform
618ms
cubic-bezier(
0.382, 0,
0.618, 1
);