Article content
Changed
- Added reusable motion tokens (
--motion-fast/base/slow + standard/expressive easing) in the global shell. - Applied consistent transition behavior to key interactive surfaces:
- nav chips
- command/theme controls
- changelog/category chips
- cards/panels
- Added subtle hover lift treatment for cards and controls on pointer-capable devices.
- Hardened reduced-motion behavior by explicitly disabling hover transforms when
prefers-reduced-motion: reduce is enabled.
Receipts
- Before:
/artifacts/phase3/before-motion-token-pass.jpg - After:
/artifacts/phase3/after-motion-token-pass.jpg
Affected pages
Why
- Creates a consistent interaction rhythm across the site.
- Reduces animation drift and one-off transition timings.
- Keeps visual polish while preserving accessibility expectations for reduced-motion users.