fallset

A one-page concept for a fictional SaaS brand, "FALLSET — Everything falls into place.", told by a single set of characters on a pinned stage eleven screens of scroll long, every step of it reversible. It opens on a customer testimonial in Inter Tight that rises line by line, signed by its founder and CEO. As you scroll, its ~810 letters, with invisible echo copies that split off from them, fly on staggered, bowed paths into a typographic portrait of the author, built from a black-and-white photo: an adaptive grid puts finer, brighter glyphs at the eyes, brows and mouth and leaves the background dark. "Everything finally clicked." rises word by word beside it. Then the portrait loses its hold from the shoulders up, the letters tremble and fall under real physics (position-based dynamics, computed ahead and cached per frame, so scrolling back replays it exactly), the camera follows them down, and they settle into a still pile under "All the pieces finally landed.". Last, the pile lifts in antigravity and every letter flies to its place in the FALLSET wordmark (its A upside down and floating), which shies away from the cursor, while the footer builds line by line around it: a newsletter form with validation, explore, follow and contact columns, and legal links. Every glyph is drawn by WebGL2 in one instanced draw call while the real text stays in the page, transparent, for screen readers and selection. Includes a phone layout, reduced motion, a static no-WebGL fallback and a debug panel (?debug or Shift + D).