All studies

Media

Falloff accordion

A fixed-width strip of stills where the slice you point at opens and every other slice pays for it, the nearest ones swelling slightly on the way.

19 / 74

Where it earns its place

Showing a sequence that is one thing in parts: a process, a collection, chapters of a product story, a team.

What we changed

  • Recast as the studio's five project phases, from Strategy to Launch, using the studio's material stills and composed frames of Vellum Labs and Aster OS.
  • Phase names and copy sit in a caption under the strip, not over the pictures, and the choice persists when the pointer leaves so touch and the caption both work.
  • Five hand-rolled rAF springs replaced by one framer spring on flex-grow per slice, with no stagger, so the strip always adds up.
  • Slices are real buttons with aria-pressed, focus opens them and arrow keys walk the strip; reduced motion snaps instantly.
  • Kept the originals' insight intact: fixed row, flex-basis 0 with one grow number each, gaussian falloff into neighbours, radius tied to the gap.