Skip to content
GitHub
Sections

Reference · Things to avoid

Durations too long

Forbidden
500ms+ on UI feedback
Instead
100–200ms for state change, up to 300ms for larger transitions. If it can be perceived as waiting, it is too slow.

What this rule looks like

Forbidden
Instead

Why this rule

Scope: this is about motion that answers an input or carries a state change. It is not a ceiling on every animation on the page. Slow decorative looping motion — see P-13 — runs for seconds by design, and is not covered here. The reason the two differ is the reason the numbers differ: interaction motion sits between the user and their task, so it must get out of the way; ambient motion is never in the way, so speed would only make it noticeable.

Kind
Rule
Section
Things to avoid
Group
Motion
Bucket
judgment
Severity
note
Since
v0.1.0

Read as plain text