Soundfangled
Motion

Controlled motion, never dependent UX.

Motion should imply precision and readiness while respecting reduced-motion preferences.

Primary visual route

Yellow lab

System first

Proof-led

Useful blocks

Warm control

Guidance

Subtle reveal

Use short fades and shifts to clarify hierarchy.

Hover response

Move cards and controls just enough to feel responsive.

Route-ready

Use consistent state changes for active paths and previews.

Motion should imply technical control, not spectacle.

Core navigation and comprehension must not depend on animation.

Respect prefers-reduced-motion across reveal, hover and route-ready behaviours.

Use small timing differences to clarify hierarchy and state.