slop: motion

The slop: every status dot on the page pulses forever. The rule: a dot is a state, not an alarm; color carries the state and motion marks only the moment the state changes.

An animation that never stops has no off position, so the reader cannot tell "live" from "decorated". When everything pulses, a genuinely failing service has nothing left to escalate with.

The slop: a fake terminal hero whose caret blinks forever on a marketing page. The rule: a caret blinks to mark focus in an input the reader can type into; in a display the reader cannot type into, it is drawn solid or not at all.

The blink borrows the one signal a terminal earns from real input and spends it as decoration, so the eye keeps checking a cursor that will never accept typing.

The slop: logos or quotes drifting across the page in an infinite loop. The rule: if the content is worth showing, it is worth reading; motion never competes with reading itself.

A marquee makes the reader chase its content: anything past the fold has already moved, and stopping to read one name means watching the rest queue. The loop also burns a composited layer forever to say what a static row says for free.

The slop: an overshoot curve (spring, elastic, back) on interface elements, stretched over half a second. The rule: easing starts fast and ends quiet; interface elements are not balls.

The overshoot says "physical object settling", but nothing on a screen has weight, so the reader sees a wobble with no meaning. Long spring durations also queue: hover away mid-bounce and the element keeps traveling after the pointer has left.

The slop: animating width, height or margins, so the browser reflows the page on every frame. The rule: animate only transform and opacity; they composite on the GPU while layout properties reflow everything after them.

The cost is not only jank: a height animation pushes the whole page below it every frame, so the reader's eye loses its anchor mid-motion. The reveal lands as an overlay instead, and nothing the reader was reading moves.

The slop: a card whose cover zooms to 1.5x over 700ms while the whole card scales too, often without a mask, so the image bleeds past its own radius. The rule: a hover state confirms; it does not perform.

The zoom destroys the image the card exists to show: at 1.5x the cover is a crop, the text next to it loses its neighbor, and the unmasked edges turn a contained component into spillover. A 3% drift inside a mask keeps the "this responds" signal at a fraction of the cost.

The slop: content rendered at opacity 0, waiting for a staggered entrance to promote it to visible. The rule: content is readable at first paint; an entrance may move what is already visible, briefly, and never decides when the reader may start reading.

The entrance taxes the reader's first seconds: the largest text on the page is invisible while the animation plays, and if the script that triggers it fails or the reader is fast, the content is a blank region. Motion that gates content converts decoration into latency.