Lerp

Heron AI

Visitheronaiapp.com

Free previewPro opens every clip, exact specs and prompts.

Get Pro →
Scroll · 1440 px · 5 s · 30 fps
Step frames · Pro

Full page · Pro

BarbaGSAP 30 fps
Specs

The motion

Heron AI is known for Lenis intro. Measured from frames; estimates from notes. Each fit includes its error.

Prompt

Prompt pack

The design mimics a technical architectural drawing, presenting the interface as an off-white paper blueprint framed by hairline rules and corner marks. A detailed pencil-and-ink illustration of a modernist concrete house dominates the hero section, establishing a precise, structural mood. The aesthetic balances this hand-drawn complexity with heavy, uppercase grotesque typography and pill-shaped buttons. Bright orange accents highlight interactive elements against the monochrome charcoal ink, creating a distinctive look that feels both engineered and tactile.

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

Heron AI (heronaiapp.com): Lenis intro.

light · 4 effects · 30 fps clips

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

off-white paper framed by hairline rules and + corner marks, like a technical drawing. A pencil-and-ink drawing of a concrete modernist house fills the hero; heavy grotesk caps sit bottom left ("AN AI AGENT THAT WORKS INSIDE YOUR DESIGN TOOLS"), with Geist Mono nav cells and an orange "Contact us".

Libraries detected

Stack as observed

Webflow with jQuery; GSAP 3.12 with ScrollTrigger (41 triggers), SplitText and Observer; Lenis; Barba 2.10 for page transitions; Swiper. The document stays one viewport tall and the page scrolls inside a smooth-scroll wrapper. Key pages: /pricing, /resources, /about-us, /heron-dashboard, /heron-chat-widget.

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, Split-text mask reveal, Infinite marquee.

More like this

Similar motion and feel.

97 % alike
95 % alike
95 % alike
91 % alike
90 % alike
90 % alike