Skip to content
GitHub
Sections

Reference · Things to avoid

Several things moving at once

Forbidden
A hero with a drifting gradient, a bouncing scroll arrow, a logo ticker and a pulsing "New" badge, all running together.
Instead
At a time, one thing moves: the one the user caused, or the one they need to notice now. Things that move as one count as one: a list reordering, P-13's ambient layers on one surface.

What this rule looks like

Forbidden
Instead

Why this rule

Motion is the strongest pull on the eye a page has. Two things moving split it; four make the page restless, and the one that matters (a saved state, an error arriving) competes with decoration and loses. G-145 is the one-dot case of this rule.

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

Read as plain text