FROM THE WORKBENCH

Small details.
Better experiences.

A place to try a little motion without losing the thing you came here to do.

INTERFACE NOTESWhat happens
between the states?

Scroll while the button moves. Its landing point stays at the bottom of this window.

Motion should leave room for intent.

Hover over the pill, the droplet, or its landing area. It returns to the full button from wherever it is.

Tab to the button to keep it expanded. On touch, the first tap restores it; a second tap shows a booking preview.

And room to stop.

Reduced motion skips the jump. Leaving the page stops the sequence. Resize the window to check the same behavior at another width.

End of the article preview
2s holdTensionGatherStretchLiftCurlLiquidStreamFallReboundSettleSmoothCircle