Motion System
Motion at Trans-Hub is not just decoration. It is the physics of our digital world, guiding focus and confirming actions.
Use short easing for feedback and springs when useful for layout transitions. Avoid looping decoration in dense workbenches. Reduced motion disables decorative loops while preserving feedback. Official logo rules take precedence for Ink and small sizes.
Core Principles
Natural Physics
Choose short easing or springs to suit the task. Keep transitions coherent without making spring effects the default for every interaction.
Intentional
Every animation serves a purpose: guiding the eye, confirming an action, or smoothing a transition.
Responsive
Animations must never block user interaction. They should feel instant and interruptible.
Duration & Speed
Standardized timing for consistent interaction feel.
Easing & Springs
Curated easing curves for natural transitions.
Motion Playground
Experiment with our spring configurations.