Changelog 2026-03-07 (Phase 3: Motion Token Pass + Reduced-Motion Compliance)

Published

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.
  • Captured visual artifacts:
    • /artifacts/phase3/before-motion-token-pass.jpg
    • /artifacts/phase3/after-motion-token-pass.jpg

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.

Search posts, pages, changelog

Use ↑/↓ (or PageUp/PageDown) to navigate, Enter to open, Esc to close. Shortcut: ⌘K (or /).