Motion with a job to do

Motion has never been easier to add. Every tool can animate everything. The result is a web full of things that fade, slide and bounce for no reason.

Every animation needs a job

Before we animate anything, we ask a simple question: what does this movement help someone understand? If we cannot answer in one sentence, the element stays still.

Good motion has a few clear jobs. It shows where something came from. It shows that something has changed. It guides the eye to what matters next. And sometimes, once per page, it creates a moment people remember.

One big moment, many small ones

On most sites we design one signature moment and keep everything else quiet. On our own template, that moment is a deck of cards that fans out as you scroll. Everything else uses the same short ease and plays once.

• Hover states respond in 0.2 seconds.

• Content appears once, with a short rise, when it enters the screen.

• Nothing moves on its own while you are trying to read.

Respect the people who opt out

Some people turn off motion in their system settings because it makes them feel unwell. We always respect that setting. The site still works perfectly, just without the movement.

This is not only kind. It is a good test of the design. If a page only makes sense when things move, the structure is not strong enough.

The trend to watch

The trend we see in 2026 is not more motion, but calmer motion. Brands are choosing a small vocabulary of movements and using them consistently, like a typeface. That is the kind of motion that ages well.

How to audit your own motion

A good rule of thumb: if you notice the motion before you notice the content, it is too loud. Motion should feel like good typography. You only see it when you look for it.

Open your website and scroll slowly. Write down every element that moves. Next to each one, write its job in a few words. Anything without a job is a candidate for removal.

Then check the timing. Are similar things moving at similar speeds? Do hover states feel instant, and do larger moves feel calm? A shared set of durations and one ease curve can fix most of the noise in an afternoon.

Finally, turn on reduced motion in your system settings and visit the site again. If anything breaks or disappears, fix that first. The calmest version of your site should still be a complete one.