Build a filterable gallery section for a tattoo studio called Saltbone that shows its flash wall. Warm paper background (#efe6d2) with a 6px dot grain, ink (#1b1714), tattoo red (#c8372d), green (#2f6b4f) and mustard (#e0a526). A red kicker "Saltbone Tattoo, flash wall", a 78px heavy serif headline "Pick a piece off the wall, wear it by Friday" with the last words in red italic, and a short paragraph. Under it, five pill filters (All, Traditional, Blackwork, Fine line, Botanical) with counts, and a role switch "Still available only". Show twelve flash sheets in a four column grid: each card has a 2px ink border, a 5px hard offset shadow, a red pin, a slight random tilt, an inline SVG drawing (swallow, dagger and rose, snake, moth, fern and so on) with thick outlines and flat colour, the name, style and price, and a rotated "Claimed" tag on three. Filtering animates with FLIP over 520ms so cards slide to their new places and new ones pop in. Clicking a card opens a lightbox with the big drawing, artist, size, price, sitting time and a "Claim this flash" button that turns green, with arrows, arrow keys, swipe, a focus trap and Escape. Two columns and a sideways chip row on phones; no motion for reduced motion.
Written by Informeek Studio to recreate this design. Prompts are not deterministic, so 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 AI site builder, or any AI chat that writes code.
- Make it yours by drawing your own flash and setting your own prices.
About this filterable gallery
A filterable gallery earns its place when people arrive wanting one kind of thing. Nobody browsing a tattoo studio wants every style at once, so this flash wall puts five filters above the grid and a switch that hides anything already claimed. Pick Blackwork and the other sheets drop away while the rest slide to their new places, which keeps your eye on the pieces instead of a blank reload.
Each card looks like a sheet pinned to a studio wall: a hard ink outline, an offset shadow, a red pin and a slight tilt. The drawings are inline SVG with thick outlines and flat colour, so they stay sharp at any size. Open one and a lightbox shows the artist, size, price and sitting time, with a button that holds the design for you.
Why the prompt works
- It names every filter and the switch, so the controls match the content.
- It asks for FLIP animation, which makes filtering easy to follow.
- It gives the lightbox real details people need before they book.
- It covers keyboard and touch, with a focus trap, arrow keys and swipe.
Where to use it
Tattoo studios, illustrators, print shops, makers with one off pieces and any portfolio where visitors want to narrow things down by style.
The prompt is shared under CC BY 4.0. Reuse it freely, including commercially, with a credit linking back to this page.
