A design kit in patina and print

Blog

Motion that stops

A few things in the kit move, and each one stops. Short slides, a title that scrolls three times, and nothing at all with Reduce Motion on.

Movement draws the eye harder than color does, so the kit spends it as carefully as the accent.

What moves

  1. The panel and drawer slide down, in about half a second.
  2. Accordions open and close.
  3. A title too long for its line scrolls, three rounds at most, then rests.
  4. A row you jump to flashes once.

What doesn’t

Images never pan or zoom. Nothing loops forever. Hover changes swap color in 150 milliseconds and don’t move anything.

Reduce Motion

With the system’s Reduce Motion setting on, the slides, fades and loops switch off entirely. The page works the same; it just arrives without moving.