Lerp

Fourmula

Visitfourmula.ai

Free previewPro opens every clip, exact specs and prompts.

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

Full page · Pro

GSAPScrollTrigger 30 fps
Specs

The motion

Fourmula is known for ScrollTrigger scroll. Measured from frames; estimates from notes. Each fit includes its error.

03 · Scroll

Estimate

Native scroll, pinned, scrubbed, parallax 1.2× · 0.35–0.95 s · 100 ms stagger

Curve Duration Scroll
Prompt

Prompt pack

The design presents a stark, high-contrast interface defined by a white ground and tight, near-black typography set in Sf Pro Display. Its distinctive character comes from the juxtaposition of rigid, utilitarian text against fluid motion, specifically a central ring of product images that orbit an upload tile. Full-bleed gradients in orange, blue, purple, and red break the monochrome palette to highlight process steps. The mood is technical yet polished, relying on precise alignment and smooth, scrubbed animations to guide the user through the content.

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. See Pro

Captured

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

Fourmula (fourmula.ai): ScrollTrigger scroll.

light · 4 effects · 1 measured · 30 fps clips

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

white page set entirely in SF Pro Display: tight black headlines with a grey second line and one orange accent word ("Your catalog, / instantly re-shot."). The hero is a ring of rounded product photos orbiting an upload tile; a small black pill nav carries a live scroll-percentage badge. Steps sit on full-bleed orange, blue, purple and red gradients.

Libraries detected

Stack as observed

Webflow (window.Webflow); motion: GSAP 3.12.5 + ScrollTrigger (window.gsap; 3 pin spacers), SplitText (script SplitText.min.js; 512 split lines in the DOM), bundle also contains SplitType; no canvas or WebGL; three videos.

Techniques

Techniques on this site

Each one taught on its own page: a live demo you can tune, how it works, and the code. Split-text mask reveal, Pinned scroll chapters, Infinite marquee.

More like this

Similar motion and feel.

94 % alike
92 % alike
91 % alike
90 % alike
90 % alike
89 % alike