Skip to content
Smart Data Hub

Motion

Motion should clarify, not decorate.

Draft: not yet approved by the client

Use subtle reveals, direct state feedback, and calm sequencing. No infinite decorative loops. Always respect reduced-motion preferences.

Motion Principle

Calm, purposeful reveals

Motion tokens: durations 80–560ms with standard, emphasized, exit, and spring easing curves (design-system.css). Use subtle reveals and direct state feedback; always honor reduced-motion.