Practice

Interaction & motion.

Aceve products feel like a desktop app. Transitions are short, linear, decisive — never bouncy. Spring animations belong in consumer apps.

Principles

Fast over fluid
80–200ms is the working range. Anything longer feels like waiting.
Linear or ease-std
One easing curve everywhere. Don't pick a custom curve per component.
No press scaling
Buttons don't shrink on click. They commit, instantly.
State, not theatre
Animation tells the user what changed — never decorates.
Drawers slide
Right-side drawers slide in over 200ms. Backdrop is a hairline only — no blur.
No bounces
No springs. No overshoots. We're estimating concrete here.

Durations

--dur-fastHover, focus, button press80ms
--durDefault — drawer fade, color change160ms
--dur-slowDrawer slide, modal enter240ms

Try it

· hover the buttons; click cells; toggle theme
← PreviousNavigation
Sprout · Aceve Design System · v3.7.0