Typography

Scroll Reading Study

A simulated reading progress reveals words in sequence over a dim text baseline.

Scroll Reading StudyLive preview

Reference

Before 2.4s

Adjusting

After 3.2s

Try it in context

Your text

Artwork colorBackground color

Letter spacing 0Vertical columns

Video recording is not supported in this browser. Try GIF instead.

Pick a mood

Cycle duration 3.2 secArtwork size 100%Timing curvePlayback direction

Use with

AI prompt

Create a clean, silent 2D motion-graphics study of Scroll Reading Study, in a landscape 16:9 composition.

A simulated reading progress reveals words in sequence over a dim text baseline.

Timing: one complete reference cycle lasts 3.2 seconds, including the described holds and reset. If the output clip is longer, repeat this cycle. Use smooth acceleration and deceleration between the described poses, preserving the holds and corrections.
Playback order: forward, following the sequence described above.
Composition: scale the entire artwork layout to 100% of the baseline centered composition; the canvas size stays fixed. Keep the motion unclipped. Use a background #090a12 and main-color artwork #c4c5ce (pale-tint: the main color blended about 75% toward the background), crisp edges and restrained shading. Lock the camera; no camera movement, cuts, perspective changes beyond the stated technique, or extra objects.
The only visible text is the text “Every word
has a story”, spelled exactly. No logos, watermarks, interface controls or captions. No dialogue, music, sound effects or ambient audio.

Priority: preserve the defining movement — A simulated reading progress reveals words in sequence over a dim text baseline. Compare the beginning, middle and end of the cycle.
Text layout: horizontal lines. Preserve explicit line breaks. Letter spacing: 0 composition pixels. Text: "Every word\nhas a story".
Final palette: main color #c4c5ce, background #090a12; pale-tint means the main color blended about 75% toward the background.