LiveSweep the cursor across the page to lay posters down
The prompt
Build an image trail effect for a risograph print shop called Paper Moon Press, using generated artwork instead of photos. Paper background #f4ede1 with a faint halftone dot texture. Centre a blue (#0078bf) uppercase label, the headline "Prints worth pinning up" (100px, 900 weight, with "pinning" in fluorescent pink #ff48b0), a short line about runs of fifty, a black pill "Browse the shop" and a tilted yellow (#ffe800) tag "Prints from £18". At load, draw eight 300 by 400 posters on offscreen canvases: sun over hills, overlapping rings, wavy stripes, a dot grid with one odd dot, a moon and blob, stacked arches, leaves and a tilted checkerboard. Use multiply blending so the inks overprint, add paper speckle grain and a small "No. 01" caption. Every 96px of pointer travel (70px on phones), place the next poster on a white-bordered card, 172 by 226px (112 by 148 on phones), centred on the pointer with a random tilt up to 9 degrees. Animate each with the Web Animations API, scaling from 0.55 to 1.06 to 1 and then drifting down, rotating and fading over 1.5s. Reuse a pool of 16 cards behind the text. Tapping lays three, the button fans out five, and idle visitors see an automatic loop. For reduced motion, show a still fan of four.
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 redrawing the eight posters in your own colours and shapes.
About this image trail effect
An image trail effect usually needs a folder of photos. This one draws its own. When the page loads, it paints eight small risograph style posters on hidden canvases, with suns, rings, arches, leaves and checkerboards in fluorescent pink, blue, yellow and orange. The inks multiply where they overlap, just as real riso layers do, and a sprinkle of paper grain stops them looking digital.
Move the pointer and a poster is dealt onto the page every hundred pixels or so. Each one pops slightly past full size, settles, then drifts down, turns and fades. A tap lays three at once, and Browse the shop fans out five above the button. Sixteen cards are reused in turn, so the page never builds up hidden elements.
Why the prompt works
It lists all eight designs and the multiply blending, so the artwork is specific and original.
It sets the spacing by distance, not time, which keeps the trail even at any speed.
It spells out the animation curve, 0.55 to 1.06 to 1, then drift and fade over 1.5 seconds.
It asks for a pool of cards, the detail that keeps it light.
Where to use it
Print shops, illustrators, poster stores, zines and studio portfolios. Swap in your own drawn artwork or product renders.
The prompt is shared under CC BY 4.0. Reuse it freely, including commercially, with a credit linking back to this page.
We use cookies to measure how the site is used and, if you allow it, to show advertising. Prompts you copy and previews you try are never collected. See our privacy policy.
