# Motion in Suede (Brian Gardner) > [!question] Lingering Questions > - Which two motion effects does Suede actually ship, and do they respect `prefers-reduced-motion`? > - Could block motion become a portable, theme-agnostic token system rather than a per-theme feature? > [!tip] Article Ideas > - A reduced-motion-safe block-transition recipe for block themes generally. > [!link] Cross Reference > - [[3. Resources/MOCs/Visual Thinking MOC]] — motion as a restrained design tool fits the vault's broader visual-design-principles thread. > [!quote] Vocabulary > - "The best animation is the kind readers barely notice." — Gardner's closing aphorism. ## Bib capsule Brian Gardner explains the motion system in his Suede WordPress theme: a deliberately small set of subtle transitions rather than a sprawling animation library. ## Author's thesis Motion earns its place in an interface by reinforcing content hierarchy and reading flow quietly, so a restrained, small effect set beats a large library of options — motion belongs in the same design vocabulary as typography and spacing, not as a separate flashy layer. ## Key arguments (≤3) 1. **Good motion reinforces hierarchy, not attention** — the best motion guides the eye and smooths reading rather than competing for notice. 2. **Motion is a design-system citizen** — it belongs alongside typography, spacing, and editorial patterns as a rhythm-and-relationship tool. 3. **Fewer options are the point** — Suede intentionally ships only a small motion set (currently four core blocks: Group, Columns, Column, Image) rather than a sprawling effects library. ## Claim atoms ### Good motion reinforces hierarchy instead of grabbing attention > [!quote] ID:rw_h1 > The best motion feels natural. Rather than competing for attention, it should reinforce hierarchy, guide the eye, and create a smooth reading experience. Opening thesis of "Motion with purpose" section — frames the whole feature; useful as a design-principle citation. ### Motion is a design tool alongside typography and spacing > [!quote] ID:rw_h2 > Like typography, spacing, and editorial patterns, it helps create rhythm, establish relationships between elements, and make each page feel more polished without ever becoming a distraction. Positions motion within an existing design-system vocabulary — a strong analogy for teaching restrained animation. ### Best animation is barely noticed by readers > [!quote] ID:rw_h3 > The best animation is the kind readers barely notice. Closing aphorism, the memorable takeaway of the piece — a reusable one-liner for motion-design guidance. ## Permanent candidates - **Restraint is a feature in interface motion** — a clean, cross-domain design principle. Promoted below. ## Processing checklist - [x] Port existing deep-read analysis into Konik Literature format - [x] Promote the restraint-in-motion permanent candidate - [x] Connect into the relevant MOC - [ ] Draft a reduced-motion-safe block-transition recipe for block themes - [ ] Add a "motion restraint" example to design-review notes ## Metadata - Source: [[3. Resources/Readwise/Articles/Motion in Suede]] ## Links - [[3. Resources/MOCs/Visual Thinking MOC]] — restraint-first motion design fits directly under this MOC's visual-design-principles scope.