Lerp

Everyrate

Visiteveryrate.ca

Free previewPro opens every clip, exact specs and prompts.

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

Full page · Pro

Next.js 30 fps
Specs

The motion

Everyrate is known for Native scroll, pinned. Measured from frames; estimates from notes. Each fit includes its error.

Prompt

Prompt pack

The design employs a bold, utilitarian aesthetic defined by high-contrast colour blocking and heavy typography. Large, rounded panels of pale magenta, lemon yellow, and white stack vertically to create distinct content zones, while text is rendered almost exclusively in shades of red and near-black. The mood is loud and direct, prioritising clarity through oversized headlines and pill-shaped interface elements. This flat, graphic style avoids shadows or gradients, relying instead on the interplay of saturated backgrounds and stark lettering to guide the user.

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

Everyrate (everyrate.ca): Native scroll, pinned.

light · 5 effects · 1 measured · 30 fps clips

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

loud flat blocks of pink, lemon yellow, white and tomato red with all text in red. A huge, heavy, wide all-caps headline ("COMPARE REAL MORTGAGE RATES BEFORE YOU APPLY") on a white rounded panel, pink lender rate cards with big percentages, and a giant cropped red "EVERYRATE" to finish.

Libraries detected

Stack as observed

Next.js (App Router, Tailwind, next/font); motion: none beyond 200 ms CSS colour transitions (no animation library, canvas or video; a prefers-reduced-motion rule is present; CSS scroll-behavior: smooth for anchors).

More like this

Similar motion and feel.

87 % alike
85 % alike
85 % alike
85 % alike
81 % alike
79 % alike