Get in touch
Want this level of care on your product?
Two motion patterns down. There are a few more on the Craft page — or skip straight to telling us what you're building.
Own Your Difference
Think about how a car pulls away from a stop — it gathers speed before it moves, and sheds it before it settles. Constant-speed motion reads as mechanical. Eased motion reads as alive.
We put this curve on almost everything that moves on screen. It's a two-line CSS change that separates an interface that feels considered from one that feels robotic.
A slight delay between two or more elements creates softness and multi-layered movement. It also directs attention — signaling an element's place in the hierarchy, not just that it moved.
Results stream in as they resolve, rather than all landing at once when the slowest of them finishes.
ViewCascading a change through a calendar with a beat between rows makes the update legible rather than invisible.
ViewRevealing steps progressively keeps someone oriented in a flow that would otherwise feel open-ended.
ViewSections populate in sequence as each stage completes, so progress shows without a spinner standing in for it.
ViewTwo motion patterns down. There are a few more on the Craft page — or skip straight to telling us what you're building.