Sidera/Foundations/Motion
Motion
Motion guides attention; it never performs. One easing curve and a tight duration range keep every transition feeling like the same hand.
Range120–480ms
Easingsignature
01 —Signature easing
cubic-bezier(0.22, 1, 0.36, 1)
02 —Durations
PropTypeDefault
fast120mshovers, small toggles
base240msmost transitions
slow480mslarge surfaces, page-level
03 —Principles
Keep durations short and the easing consistent. Animate transform and opacity — not layout — for smoothness. Always honour prefers-reduced-motion: when set, transitions collapse to instant.