Build a music release card for a fictional album "Low Tide" by Marisol Vey on a near-black page (#0d0b12) with a soft pink and purple glow. The card is #17131f, 24px radius, 16px padding, with a square cover art up to 300px wide, 16px radius. Draw the cover in SVG: a sky gradient (#5b2a86 to #ff5e7e to #ff9e6d), a pale gold sun (#fff1b8 to #ffb35c) cut by horizontal stripes that get thinner towards the horizon, a deep blue sea (#2b3f86 to #0e1435) with nine gold glint lines, and "LOW TIDE" in a spaced serif with "MARISOL VEY" below. Wrap the whole drawing in an SVG filter of feTurbulence (fractalNoise, baseFrequency about 0.012 by 0.03, 2 octaves) feeding feDisplacementMap. Moving across the cover adds energy from pointer speed (0.012 per pixel, capped at 1); the displacement scale is 4 plus energy times 62, and energy decays by 4.5% every frame so the cover melts, then settles clean. The noise drifts slowly and the card leans up to 5px towards the pointer. Below: "New album, out Friday" in pink, the title, "Marisol Vey, 11 tracks", a heart pre-save toggle and a pink play button. Playing runs a progress bar and timer and pulses the melt at 92 bpm. Touch drags melt it too; when idle it swells gently every few seconds. Reduced motion leaves a faint fixed ripple.
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 cover art and swapping in your own release and track names.
About this image distortion effect
This image distortion effect treats the cover art like a reflection on water. Sweep across it and the stripes of the sun and the album title bend and smear; stop, and the picture slowly pulls itself back together. The faster you move, the harder it melts, because each frame adds energy from your pointer speed and then lets a little of it drain away.
It runs on two built-in SVG filter steps, a noise texture and a displacement map, applied to the illustrated cover. No WebGL and no images are involved. Pressing play turns the same effect into a visualiser: the cover pulses in time with the track while the progress bar runs.
Why the prompt works
- It names both filter primitives and their settings, so the tool builds the real technique.
- It defines energy and decay as numbers, which is what makes the melt settle naturally.
- It draws the cover from shapes with exact colours, so there is nothing to license.
- It ties the effect to the music with a set tempo, giving it a purpose.
Where to use it
Music releases, film posters, gallery and festival pages. Use it on artwork rather than on product photos, where people need to see the real thing clearly.
The prompt is shared under CC BY 4.0. Reuse it freely, including commercially, with a credit linking back to this page.
