The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
BREAK GLASS — an "In case of ___" ad template. Every product is somebody's emergency.
Retype the emergency (IN CASE OF MONDAY, HEARTBREAK, DEADLINE), drop a product PNG and a logo behind the glass, pick three colours and ship an 8-second 4:5 loop. Best for problem-to-solution social ads: launches, seasonal promos and "we've got you" campaigns for any brand. The same file also works as a click-to-break web widget.
Built end-to-end with the SVGator MCP: the glass fracture, ballistic shards with slow motion, ball-chain physics and the magnetic rewind that makes the loop seamless are computed in Python and authored straight into SVGator as 2,382 editable keyframes, verified frame by frame against SVGator's own export. Everything stays a real layer: live text, named elements (headline, product-image, logo, cta, tagline) and three colour fills (brand-color, interior-color, wall-color).
Project link (the form only accepts /editor/, which 404s, so here is the working one): https://app.svgator.com/editor#/46fd9b26049d4e929f81eb3404da8896 · Portfolio: theoddity.es
Okay, "In case of heartbreak" with chocolate behind the glass got me. Easily my favourite so far 💜 Such a simple idea and it works for literally any product. Thanks for joining, good luck!
Thanks!! 🤗🤗
Every product is somebody's emergency" is such a good brief, the template sells itself in one line. Computing the shards in Python and authoring them as keyframes is a great use of the MCP.
SUPER!
"Every product is somebody's emergency" might be the best one-line brief in this challenge. Swapping the emergency line rewrites the whole joke without touching the animation, which is exactly what reusability should look like.
Using a ball-chain with a magnetic rewind to make the shatter loop seamless is a clever fix for the usual "reset jump" in breakage animations. Does the click-to-break web widget version also rewind on its own, or does it stay broken until the user reloads?
Congrats on winning on SVGator's contest, your work really deserved it!
Thank you very much Kathy! 😊😊😊👏
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
Just crossed the $10K mark on @contra! 🎉
My takeaway? Get really good at one thing.
For me, it's static ad design. 🤟
congratulations
I fell for Japan as a teenager, visited many times, then lived there for seven years, long enough to know the konbini (convenience store) is a cultural institution: open 24/7, constantly rotating seasonal products, and locked in a friendly rivalry over the best coffee and sweets.
My other obsession is Taisho and early Showa graphic design, and while searching for inspiration, I found the work of Sugiura Hisui, whose lithograph posters announced Mitsukoshi’s new spring collections a century ago. So I thought: how would Hisui create ads for today's convenience stores?
I turned his posters into a Recraft V4 Style and launched the Spring 2027 range of Hinata Mart, a fictional convenience store. The series pairs today’s bestsellers (fruit sandwiches, fried chicken, iced drinks, oden) with modern fixtures like the ATM and the self-serve coffee machine.
Hope you'll like it!
this is beautiful work
A fall beauty ad where Iranian saffron meets Chinese goji 🌙
I didn't start with a product. I started with two ingredients from two cultures, and built a whole brand from them: four concepts, down to one ad.
Made end to end with Arti in Lovart 2.0.
Such an interesting direction for a beauty ad.