Motion Audit

## Setup: Track this exercise with Beads

```bash
bd create "Praxis: Motion audit of [URL/page]" --type=research --labels=learn,craft
bd create "Catalog all animations on page" --type=task --labels=learn
bd create "Categorize each as functional or decorative" --type=task --labels=learn
bd create "Test with prefers-reduced-motion" --type=task --labels=learn
bd create "Propose restraint-based alternatives for decorative animations" --type=task --labels=learn
```

---

Help me audit animations on [URL_OR_PAGE] and define MY motion philosophy.

I'm building MY animation guidelines. For each animation found:

1. **Catalog all motion**:
   - CSS transitions
   - CSS animations
   - JavaScript animations
   - Scroll-triggered effects

2. **Classify each**:
   | Animation | Type | Functional or Decorative? | Duration | Easing |
   |-----------|------|---------------------------|----------|--------|

   Functional = reveals state, guides attention, provides feedback
   Decorative = exists for visual interest only

3. **Test accessibility**:
   - Does it respect prefers-reduced-motion?
   - Is timing appropriate (< 500ms for micro, < 1s for transitions)?
   - Does motion cause vestibular issues?

4. **Define MY motion tokens**:
   - --duration-micro: [for hovers, toggles]
   - --duration-standard: [for state changes]
   - --ease-standard: [consistent easing]

5. **Write MY motion philosophy**: When do I animate? When don't I?

Target to audit: [YOUR_URL_OR_PAGE_PATH]