Add motion to a page

Motion works best when it supports the customer journey: reveal content, guide attention, show state, or make an interaction feel responsive.

Choose where motion helps

1. Start with one page section or interaction.
2. Use motion for important state changes, reveals, transitions, or interactive visuals.
3. Avoid adding motion to every element on the page.

Review before publishing

1. Preview the page on desktop and mobile.
2. Check that text remains readable and buttons stay easy to click.
3. Publish when the motion improves clarity instead of adding noise.

Good to know

• Short, purposeful motion usually feels better than long decorative animation.
• Review performance on mobile before using motion heavily.

Keep the page focused on the customer action you want next. You can always come back and improve details after the core workflow is live.