motion

name

motion

description

Smooth the motion on an existing Teacher & School product page — transitions, easing, timing, and reduced-motion. Use for a scoped ask that names this dimension — "smooth the animations", "the motion feels janky", "the transitions are too slow", "fix the animation on <page>" — with no structural change named. NOT for a whole-page review with no dimension named (that is critique); NOT for a named change like adding a new transition or interaction (that is design). Styling goes to polish, layout to layout.

Smooth the motion on an existing surface

A focused pass on the motion dimension: how the interface moves — entrances, state and view changes, hover/press feedback. You judge motion only; styling, layout, copy, and flow structure are out of scope and get NOTED and routed.

Dimension controls (cite these; the catalog holds the rules — load them from ../../../standards/catalog.yaml; these three carry their statement in the catalog, with no separate detail file):

• MOT-1 — 100–300ms, standard easing, no decorative motion on critical paths.
• A11Y-5 — a prefers-reduced-motion variant disables non-essential animation.
• SLP-8 — no bounce or elastic easing on interface elements.

Reference: the motion bullets of ../design/implement-craft.md — property-scoped interruptible transitions (transition-property, never transition: all), direction of easing (entrances ease-out, exits ease-in, changes ease-in-out), press feedback (scale(0.96), never a bounce), and disciplined will-change. Keyboard navigation is instant — no animation on tab/arrow movement.

Procedure: follow ../critique/pass.md with the subset above.