Build an exhibition card for "Slow Melt" at the fictional Varde Glass Museum on a near-black page (#110e0d). The card is #1c1816, 400px wide, 28px radius and 12px padding. The top is a 4 by 5 poster painted once on a 2D canvas: a cream gradient (#f4e8d3 to #e9d3b2), seven concentric rings in orange (#e8562a), amber (#f4b63f), cream, teal (#2b6f6b) and rose (#d9607a), a band of vertical glass canes, "SLOW" and "MELT" in a huge bold serif sized to fit 90% of the width, the museum name and a cream tag. Upload it as a WebGL texture and render a drop of liquid glass in a fragment shader: three metaballs with radii 15.5%, 10.5% and 7.5% of the poster width. The lead follows the pointer on a spring (0.085, damping 0.78) and the other two trail it, so the drop stretches and merges. Build a height field from the metaball sum, take its gradient for a normal, then sample the poster magnified towards the centre and pushed 24px along the normal, with red and blue 4px apart. Add a fresnel rim, two highlights and a soft shadow. Touch drags the drop; after 2s idle it wanders. Below: "Varde Glass Museum, Hall 2", "Slow Melt", "12 Dec to 3 May" and an amber "Book a slot, £12" button. Without WebGL show the plain poster; reduced motion parks the drop.
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 painting your own poster on the canvas and changing the show details.
About this glass distortion effect
This glass distortion effect drops a bead of molten glass onto a poster. Wherever it moves, the rings, canes and lettering underneath swell towards its centre and bend hard at its edge, with a thin rainbow fringe where the colours split. The drop is three blobs on springs, so when you move quickly it stretches into a tail and then pulls itself back into one round bead.
Everything happens in one small fragment shader. The poster is painted once on a 2D canvas and uploaded as a texture, so there are no images to load. The shader adds the three blobs into a smooth field, treats it as a height map, and uses its slope both to bend the poster and to place the rim light and highlights.
Why the prompt works
- It names the technique, metaballs, a height field and a normal from its gradient.
- It gives the bend in pixels, 24px along the normal and 4px of colour split.
- It describes the poster in shapes and hex codes, so the texture is generated rather than fetched.
- It covers touch, idle and no WebGL, so nobody sees a broken card.
Where to use it
Exhibition and event posters, gallery sites, glass, perfume and drinks brands. Keep the art bold and graphic; fine detail gets lost under the drop.
The prompt is shared under CC BY 4.0. Reuse it freely, including commercially, with a credit linking back to this page.
