Lerp

FUTURE THREE

Free previewPro opens every clip, exact specs and prompts.

Get Pro →
Intro · 1440 px · 8 s · 30 fps
Step frames · Pro

Full page · Pro

GSAPLenis 30 fps
Specs

The motion

FUTURE THREE is known for Lenis smooth scroll at lerp 0.181. Measured from frames; estimates from notes. Each fit includes its error.

04 · Scroll

Estimate

Lenis smooth scroll, settles in about 1.2 s, scrubbed, parallax 0.74× · 0.6–0.9 s · 72 ms stagger

Curve Duration Scroll
Prompt

Prompt pack

The design presents a bold, editorial aesthetic defined by massive typography and high-contrast imagery. A heavy grotesk logotype dominates the upper left, anchoring a layout that balances structured grids with fluid motion. The mood is sophisticated yet energetic, driven by the interplay between static serif details and dynamic video backgrounds. Distinctive features include the oversized product renders set against soft gradients and the rhythmic reveal of text lines, creating a polished, agency-style presentation.

5 prompts in Pro Generated 25 Sep 2026

  • Recreate this site's feelEverything: look, layout, type, colour, motion and libraries, in one prompt.
  • Just the scroll feelSmoothing, what moves with scroll, pinned sections.
  • Just the introHow the page enters: sequence, curve, duration, stagger.
  • Just the hoversLinks, buttons and cursor: timings from the live CSS.
  • Just the type and colourFamilies, scale, weights, tracking and the palette with roles.

Pro opens every prompt with its measured values, and the tokens they are built from.

Unlock prompts with Pro

US$60/year or US$8/month. Cancel anytime.

Record

Capture record

Savedon 24 Sep 2026. Full pages, stills and key frames.

Pro opens the rest of the record: the whole page at each viewport, the key frames of every clip, and 2 key pages. See Pro

Captured

  1. 24 Sep 2026 Shown home · 1440 px · home · 390 px · key pages · 1440 px · key pages · 390 px
Notes

FUTURE THREE (futurethree.studio): Lenis smooth scroll at lerp 0.181.

6 effects · 2 measured · 30 fps clips

Motion
Intro, Scroll, Hover, Page transition
Libraries
GSAP, Lenis, Lottie, ScrollTrigger, SplitText, Swup, Webflow
Footage
1 clip, frame-stepped 30 fps
Captured
24 Sep 2026

huge heavy white grotesk "FUTURE THREE®" top-left over a sage-green gradient, a tilted 3D product render (a protein tub) filling the right side, a serif sub-line ("Brand. Design. Development.") and a monospace "featured work" bar. GSAP, Lenis and Swup. (Corrected 2026-09-24: the tub is a pre-rendered hero video, not three.js; the motion pass found no WebGL.)

Stack as observed

Webflow (w-mod-js, window.Webflow); motion: GSAP 3.15.0 + ScrollTrigger (window.gsap, about 20 triggers) + SplitText (about 490 split-line elements) + CustomEase (script), Lenis (html.lenis), Swup page transitions (html.swup-enabled), Lottie player (1), one hero video (4K "More" teaser MP4).

Techniques

Techniques on this site

Each one taught on its own page: a live demo you can tune, how it works, and the code. Lerp smooth scroll, Ease-out intro reveal, Split-text mask reveal, Infinite marquee, Parallax depth layers.

More like this

Similar motion and feel.