Motion
Motion at Balboa is easy, like a door on a spring. Things settle rather than snap. One curve and three timings cover everything on the website and the ordering screen: quick for small things, slow for big moments.
Three habits keep motion feeling like the cafe. Everything else here follows from them.
Our curve starts soft and lands softer. Use it for anything that moves, in place of a tool's default.
The curve on the pieces every screen has: a button, a menu card, a cart sliding in.
A few calls that come up on every screen.
Move a thing to show where it came from: the cart from the button, the menu from the tab.
Animate to decorate. If it does not explain something, cut it.
Quick for small things, slow for big moments, and never longer than half a second.
Make anyone wait for an animation before they can order.
With reduced motion on, fade instead of move.
Bounce, spin or shake anything bigger than a button.