Motion is the fastest way to make a brand feel expensive — and the fastest way to make a website feel exhausting. The difference is almost always restraint.

One hero per screen

We allow exactly one thing to move with intent at any moment. On our own homepage that is the framed photograph that opens up as you scroll. Everything around it stays calm, so the eye knows where to go.

“Good motion answers a question the reader was about to ask. Bad motion asks for applause.”

The rules we design by

• Animate transform and opacity only, so frames never drop.

• Keep durations between 200 and 700 milliseconds.

• Use one easing curve across the whole system.

• Always respect reduced-motion settings with a calm, final-state fallback.

When motion follows these rules, people rarely notice it. They just notice that the brand feels considered.