Build a page for Canal Street Night Market where three text marquees react to how fast you scroll. Use a full screen scroll container, deep aubergine #1a0f1f with a tomato glow at the top, cream text #fff4e3. Header: a yellow #ffd84d label, the 58px headline "Thursdays, after dark." with "after dark." in tomato #ff4d2e and the time and place on the right. Then three full width rows: a tomato band tilted -2 degrees with 104px uppercase "Street food, Live brass, Vinyl stalls, Late bakes"; a row of 92px outlined cream words "Thursday, After dark, Bring friends"; and a yellow band tilted 1.5 degrees with 28px vendor names. Separate words with small star shapes made with clip-path. Repeat each set to cover the screen and wrap by the width of one set. Rows drift at 70px a second (42 on phones), rows one and three left and row two right. Read scroll velocity each frame, smooth it by 18%, add up to 14 times the base speed and flip direction when the reader scrolls up. Skew the rows up to 12 degrees with the velocity, row two the opposite way, and show a small speed readout. Below: a two column line-up of six vendor cards, a yellow "Get the Thursday map" button and a "Scroll fast" hint pill. Keep a screen reader sentence and keep the rows still for reduced motion.
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 changing the event name, the words in each row and the band colours.
About this text marquee
A plain text marquee drifts at one speed and is quickly forgotten. This one listens to the scroll. Three rows of words drift gently while the page is still, then race ahead and lean into the motion when you scroll quickly, and turn round when you scroll back up. A small readout shows the speed, so the connection is obvious the first time.
The rows are styled like a street poster: a tomato band, a row of outlined words and a yellow strip of vendor names, each slightly tilted. Below them sits the useful part, a line-up of stalls with their times, so there is always a reason to scroll and set the rows going.
Why the prompt works
- It gives the base speed and the cap, 70 pixels a second and up to 14 times faster.
- It smooths the velocity by 18 percent a frame, so the rows ease rather than jerk.
- It explains the endless loop, repeat the set and wrap by its width.
- It plans the quiet cases, still rows for reduced motion and a sentence for screen readers.
Where to use it
Events, festivals, food brands and fashion drops. Use two or three short phrases per row; long ones are unreadable at speed.
The prompt is shared under CC BY 4.0. Reuse it freely, including commercially, with a credit linking back to this page.
