Motion
Motion at Rove is quick and sure, like a good footfall. Things arrive fast and stop clean; nothing floats or bounces. One curve and three timings cover the website, the shop screens and the app.
Three habits keep motion feeling like Rove.
Our curve leaves fast and lands firm. Use it for anything that arrives, moves or leaves, instead of a tool's default. Small things take the fast timing, most moves the base, and a page or a drawer the slow one. With reduced motion on, every move becomes a short fade.
The curve on the pieces every screen has: a button pressing, a size picker switching, a filter drawer opening from its button, a product carousel swiping. The R settles into place the same way.
Three calls that come up in almost every screen.
Fade in, then settle on our curve.
Bounce, spring or slide in from off screen.
Show a simple progress line and move on the moment it is ready.
Spin a logo.
With reduced motion on, use a short fade instead of a move.
Shake, flash or parallax large images.