Wise (wise.com): Smooth smooth scroll at lerp 0.494.
6 effects · 2 measured · 30 fps clips
- Motion
- Intro, Scroll, Hover, Page transition
- Libraries
- Next.js
- Footage
- 1 clip, frame-stepped 30 fps
- Captured
- 25 Sep 2026
Notes from the UK site, https://wise.com/gb/ (wise.com redirects by region).
Type. One heavy display face, Wise Sans at weight 900, set in caps with line-height about 0.85 ("THE CURRENT ACCOUNT FOR HOME AND ABROAD", about 105 px at 1440). Every section headline uses it, so the page reads as a series of short, loud statements ("SAVE UP TO 75% COMPARED TO MAJOR BANKS", "SAFE AT EVERY STEP", "YOUR MONEY, NOT OURS"). Everything else is Inter: 18 px body, 600-weight sub-heads with slight negative tracking, and underlined text links.
Colour. Two greens carry the brand: bright green #9FE870 for the hero field and primary pills, and forest green #163300 for display type and the dark pill buttons (bright-green label on forest). Pale teal and near-black cards, white panels and a warm off-white footer complete it. There are no gradients in the UI; the only other colour is in flags and photography.
Illustration and imagery. Real product UI does the illustrating: the debit card, a live converter card, balance cards with account numbers, and a bar chart of rates. Round flag badges and a giant green arrow in a dark disc (the logo's arrow) act as the graphic motif. Photography is warm, candid and hand-held (a phone in a bike basket, a card at an ATM), sometimes with heavy caps set straight over it ("EVERYDAY EVERYWHERE").
Hero. Headline, one line of sub-copy, a dark "Open an account in minutes" pill and a text "Send money now" link, then three product cards peeking in at the bottom edge (card, transfers, interest), each holding a live piece of UI. The first thing below the fold is a working converter.
How it makes money and trust feel simple. The page shows numbers instead of claims: the converter shows the exact amount received, "Arrives today, in seconds" and "Total fees: included" with the fee in the send currency. A comparison table ranks Wise against named banks and PayPal with each one's total fees in red. A row of three plain proof points follows (regulator, customer count, 24/7 support), then "Safe at every step" (safeguarded funds, 2-step security, anti-fraud checks), app-store ratings and footnotes that spell out the conditions. Big friendly type sits next to precise small print, and nothing is hidden behind hover.
Stack as observed
Next.js (React) with Wise's own design system (np-theme-personal, eds-* components); motion: CSS transitions and keyframes plus a small in-house SimpleMotion fade component (opacity 0.4 s), WAAPI fades; the bundle also contains GSAP + ScrollTrigger, Lottie and Embla signatures (no window.gsap); native scroll with CSS scroll-behavior: smooth; a prefers-reduced-motion stylesheet; five looping WebM videos, no canvas.