motion

durations

press play to send each bar across its track at its own duration, all on the brand ease.

• instant120ms

  ink changes: buttons, tabs, table rows, the select list

• quick180ms

  layers that appear in place: a dialog, the fleet rail, the sidebar

• travel240ms

  anything that covers distance: a progress fill, a toast, the sidebar sliding

ease

one curve for everything that moves: it leaves fast and lands soft, so a change reads at once and still settles.

reduced motion

with reduced motion on, every duration is zero, so a change happens at once. turn it on in your system settings and press play again to see the bars jump. screens and textures never move in either case.