Create a manifesto page for a family furniture workshop where the paragraph lights up word by word as you scroll. Use a full screen scroll container, cream #f4efe6 with a faint sage glow, walnut text #2b1d14 and sage accent #6f8f5e. A sticky 56px left rail holds a 2px track that fills sage and a percentage read. The header takes 44% of the screen height: "Oakhollow Joinery, since 1994" in 13px uppercase, "1 minute read", a line drawing of a dovetail joint and the small heading "What we believe". The manifesto is one serif paragraph (Iowan Old Style, Palatino, Georgia) at 52px on desktop and 27px on phones, starting "We build tables for long dinners and chairs for slow mornings." Split it into word spans. Every word starts at 14% opacity with a 3px blur and becomes sharp and fully opaque as it crosses a reading line 58% down the screen, over a band 16% of the screen tall, with a 250ms transition to soften jumps. Five key phrases, long dinners, by hand, repaired, forty miles and bring it back, get a pale green #d6e4c5 marker that wipes in from the left once lit. Cache word positions on resize. End with an italic signature and a dark "Visit the workshop" button, plus a fixed "Scroll to read" pill. Reduced motion shows everything lit.
Written by Informeek Studio to recreate this design. Prompts are not deterministic: running it again gives a similar result, not an identical one.
Use it in three steps
- Copy the prompt with the button above.
- Paste it into your tool, such as v0, Lovable, Bolt or Claude.
- Make it yours by pasting in your own values paragraph and choosing the phrases to highlight.
About this scroll reveal
A scroll reveal does not have to slide whole blocks in from the side. This one works at the pace of reading: the manifesto starts as faint, slightly blurred words, and each word sharpens as it passes an invisible reading line just below the middle of the screen. The page moves at whatever speed the reader scrolls, so it never runs ahead of them.
Five phrases carry the promise of the workshop, from long dinners to bring it back, and each gets a pale green marker that wipes in once the words around it are lit. A slim rail on the left fills as you go and shows how much is left, which matters on a paragraph this long.
Why the prompt works
- It sets the reading line and band, 58 percent down and 16 percent tall, the numbers that decide the pace.
- It gives start values, 14 percent opacity and a 3 pixel blur, faint but still legible.
- It names the marked phrases, so the highlight lands on meaning.
- It caches positions so long text scrolls smoothly on phones.
Where to use it
About pages, manifestos, annual letters and long product promises. Use it for one paragraph per page and keep everything else still.
The prompt is shared under CC BY 4.0. Reuse it freely, including commercially, with a credit linking back to this page.
