Watch

Desktop 1440 px

Mobile 390 px

0.00 s / 24.87 sF001/746

Scroll · 1440 px · 24.87 s · 30 fps

Captured

Every page. Every screen.

Pages
1
Screens
21 desktop · 1 phone
Clips
5at 30 fps
Full-length pages
2
Key-frame sheets
5
Motion states
IntroScrollHover

Captured at 1440 and 390 px

Use

Take this direction to your agent.

Start with the source, not a guess. Connect the same account to give your agent the same access.

Connect your agent →
Use Lerp to study Charlie Osborne: https://lerp.gallery/s/charlieosborne
Connect to https://lerp.gallery/mcp with my account.
Read get_site({"slug":"charlieosborne"}).
Then read get_prompt_pack({"slug":"charlieosborne","kind":"site","focus":"scroll"}) for the scroll brief.
Use only the stored observations and available media. Distinguish measured values (with fit error) from estimates. Do not invent missing timings or bypass my plan. Suggest an implementation for my project; do not copy the reference site's assets.

Connect with your account; API keys are for scripts and clients without OAuth. Sign in to connect an agent. A free account gets 25 calls a day and the same three sites in full. This page returns the summary, not the fit or prompts.

Prompt pack

Charlie Osborne presents a bold, high-contrast portfolio defined by an edge-to-edge white grotesque name set against a deep black background. A molten orange-red gradient rises from the bottom like a slow digital wave, providing the only source of warmth in an otherwise monochrome interface. It feels modern and technical, blending brutalist typography with fluid WebGL motion to create a site that is both heavy and weightless.

5 prompts in Pro Generated 30 Sep 2026

Inspect

Specs

Measured means fitted to the frames, with its fit error.

Scroll smoothing

Measuredsmoothed

Brand & web designer framer, ux/ui & strategy · Lenis smooth scroll at lerp 0.106 · smoothed · RMS ±0.001% · peak ±0.007%

What is lerp

Hover and cursor

Estimateestimate

Transitions

Estimateestimate

WebGL/canvas

Estimateestimate

Techniques on this site.

Live demos, explanations and code to explore on their own.

Notes

1 note · 5 more in Pro

the name set edge to edge in white grotesk across the top of a black page, over thin vertical column rules, with a molten orange-red gradient rising from the bottom. The tagline mixes sans with one italic-serif word ("Designs"). Framer site.

5 more notes in Pro. See what’s included

Show more notes
Motion
Intro, Scroll, Hover, Page transition, Ambient
Footage
5 clips, frame-stepped
Captured
26 Sep 2026

Libraries detected