Lerp

Transit

Visittransitapp.com

Free previewPro opens every clip, exact specs and prompts.

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

Full page · Pro

LottieMotion 30 fps
Specs

The motion

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

Prompt

Prompt pack

The design presents a playful, illustrative aesthetic defined by a warm cream background and a custom rounded sans-serif typeface. A detailed street scene featuring buses, trains, and cyclists creates a lively atmosphere, anchored by bold headings in deep green with orange italic accents. Large, pill-shaped cards in vibrant green and orange display mobile app interfaces, creating a tactile feel. The layout balances dense graphical elements with generous whitespace, resulting in a friendly and energetic mood that emphasises urban mobility through colourful, cartoon-style visuals.

5 prompts in Pro Generated 24 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 5 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

Transit (transitapp.com): Lottie scroll.

light · 3 effects · 1 measured · 30 fps clips

Motion
Intro, Scroll, Hover, Page transition
Libraries
Lottie, Motion, Framer
Footage
1 clip, frame-stepped 30 fps
Captured
24 Sep 2026

warm cream with a bold rounded custom sans (Puffin Transit ExtraBold, 72 px, deep green with an orange italic "car-free") over an illustrated street of buses, bikes and billboards; below, big rounded cards in green, yellow and orange, each with a phone showing the app's real departure boards.

Libraries detected

Stack as observed

Framer (Framer Motion); Lottie (dotLottie); a Framer ticker; three sticky elements. Key pages: /vision, /partners, /en/region, /en/features/share-live-trips, /press.

Techniques

Techniques on this site

Each one taught on its own page: a live demo you can tune, how it works, and the code. Stacking sticky cards.

More like this

Similar motion and feel.

94 % alike
93 % alike
91 % alike
90 % alike
89 % alike
88 % alike