Preview image. Unlock full-res
Motion-misuse page showing nine prohibited animation treatments, each struck through with a blue diagonal line.
Summary
The motion don'ts: a three-by-three grid of prohibited animation effects (squashing, bouncy/blur, rotating during extension, morphing circle-to-rectangle, motion blur, cutting, curved paths, boolean subtraction, layer overlays), each crossed out with a thin blue diagonal.
Visual description
White page. The left column explains in English over Chinese that all motion must stay grounded in digital precision and structural clarity, and to avoid effects that dilute the brand. The right side is a nine-cell grid; each cell has a bold English label plus Chinese (Squashing or Stretching the Circle, Bouncy or Motion Blur, Rotating During Extension, Morphing Between Circular and Rectangular, Motion Blur, Cutting or Fragmenting the Circle, Curved Motion Paths, Boolean Difference or Subtractive, Layer Overlays or Blend) over a small black/grey demo of the wrong behavior, struck through by a single thin blue diagonal line. Black and grey shapes, blue strike-throughs.
Key takeaway
A consistent "single diagonal line = forbidden" marker across a grid of misuse demos reads instantly. Pairing each prohibition with a tiny visual of the wrong result is clearer than text alone.
Reuse notes
Standard misuse page, applied to motion rather than the logo. Reuse the struck-through grid for any "don't" set. The blue strike keeps the page on-brand with the accent color.
From this deck: Motion misuses grid
View deck
