Lerp

Lessons of Design

Visitlessons.design

Free previewPro opens every clip, exact specs and prompts.

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

Full page · Pro

30 fps
Specs

The motion

Lessons of Design is known for Readymag's own scroll moves a long single page. Measured from frames; estimates from notes. Each fit includes its error.

Prompt

Prompt pack

Large white Inter typography dominates the viewport, creating a bold, modernist structure that is softened by playful, hand-drawn doodles in blue, lime, orange, and pink. These annotations highlight specific script words, adding a personal, sketchbook quality to the digital interface. The layout feels spacious yet dense with information, balancing rigid typographic grids with organic, free-form illustrations. This juxtaposition creates a mood that is both intellectual and whimsical, treating the screen like a curated page of design notes.

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
Notes

Lessons of Design (lessons.design): Readymag's own scroll moves a long single page.

dark · 3 effects · 1 measured · 30 fps clips

Motion
Intro, Scroll, Hover
Footage
1 clip, frame-stepped 30 fps
Captured
24 Sep 2026

near-black, with huge white Inter lines ("the musings of a designer on what he loves about design and what he's learned along the way") where some words switch to a brush script and are marked up with coloured hand-drawn doodles: blue thought bubbles, a lime squiggle, an orange circle, a pink box.

Stack as observed

Readymag. The page scrolls inside .content-scroll-wrapper (about 23,400 px), not the document. Key pages: none.

More like this

Similar motion and feel.

88 % alike
83 % alike
80 % alike
80 % alike
79 % alike
78 % alike