Open the live concept demo: Pellwright Studio. The brand and every record are made up; the engineering is real.
Measured on mobile
- Lighthouse performance
- 94
- Largest Contentful Paint
- 3.1 s
- Cumulative Layout Shift
- 0.000
- Total Blocking Time
- 19 ms
- Initial transfer
- 0.37 MB
- Full scroll transfer
- 0.45 MB
From the demo's own site-check file, run 23 to 24 October 2026.
Colour-first shape carry
The reel's dominant mark is an HTML layer over the SVG board, driven by the Web Animations API (transform and colour, both compositor-friendly). The old version crossfaded two whole boards over 900 ms and double-exposed them; the carry replaced that, so nothing ghosts.
Card to case with View Transitions
Navigation from a card to its case uses React's ViewTransition, which the framework drives on route change. Browsers without the API cut instantly, so nothing breaks.
No animation or 3D library
CSS and IntersectionObserver only. Case frames are code-made SVG, each under 6 KB.