2026-08-19 — View transitions and logo loading pop

Summary

Route changes crossfade by default. Clicking the header FTN logo pops all three letters in sync while navigation to / is in flight.

Highlights

  • experimental.viewTransition enabled; app/template.tsx wraps page content in React ViewTransition with a page-crossfade enter/exit pair.

  • Sticky header uses viewTransitionName: site-header so chrome stays fixed during the fade.

  • Logo link sets wordmark-ftn-wrap—​loading until the pathname updates (one pulse cycle when already on /). prefers-reduced-motion: reduce keeps a static scale instead of looping.