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
My entry for the SVGator Challenge: Kinetic Identity, a customizable logo reveal.
I wanted to turn simple circles, lines, and particles into a dynamic sequence that builds anticipation before revealing a brand.
Built in SVGator with staggered motion, rotating accents, and smooth easing. The template supports text or image logos, editable brand names and taglines, and named layers for recoloring.
The video shows the original animation, an editor walkthrough, and a second version with different logo artwork and an inverted palette, keeping the same timing.
Created with AI assistance through SVGator’s MCP integration, with my creative direction and refinement.
X post: https://x.com/dt_marin/status/2112266304778326465
Project: https://app.svgator.com/editor#/1e04eab6632e4234a09e0144791d16a3
@SVGatorApp #svgatorchallenge
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
Such a nice logo animation.
I did try my best in the SVGator challenge. I wanted to give something unique and different.
I didn't make through the competition winnings, but I did learn different new things. Vector animation was new to me, Claude MCP was also new to me, that's why I call myself a constant learner willing to learn and implement new things, correct me what was my mistake in this.
Greeting!
Your Product on Cruise: The Shadow Knows
Spark curiosity about what your product brings, with one short, memorable call.
One template, many uses
Looping ad: Bright Dawn, Scorching Dusk, Lovely Night.
Same sub-brand, a different product each loop (swap 3 transparent PNGs).
Same product in a new colour each loop (blue, red, purple sneaker).
A different brand’s product, same template.
Loader: remove the product, add your logo, and the ship loops as a “sailing, wait...” loader.
Your own idea.
How to use
Edit the headline, tagline, brand name, logo and CTA in minutes.
Or let the SVGator + Claude MCP connector do it with you.
To add an image, go to Library → (+) → add a transparent PNG.
The background is locked so you can swap only images and text. Unlock it to edit the design.
Fun facts
Your brand name is on the ship’s hull.
Your logo is on the big screen.
Templates
Main Template: Product on Cruise, The Shadow Knows https://app.svgator.com/editor#/02633f8f2bc5489092baeafc533f4edf
Working Proof for other Contents:-
Content 2: Sub Brands https://app.svgator.com/editor#/cf60e0c18f6e4236bc0735ef7f0c0c91
Content 3: Infinite Loader https://app.svgator.com/editor#/bafa5b7149cc4bfa917bee50bc34e750
Your brand setting sail. Three moods. One voyage. Your product in every light!
@SVGator @SVGatorApp
This was definitely a concept to remember! It's only flaw was that it was a bit too niche for a template gallery. The spotlight effect is something I'd keep in future work. Works awesome for anything product-centered
Thank you for the work and for the write-up 😊
Project Milestone: SaaS Revenue Chart Selected for SVGator Permanent Gallery
I am proud to share that my interactive SaaS Revenue Chart dashboard template has been officially selected by the SVGator judging panel to be featured permanently in their global template library.
This asset was originally engineered during the SVGator x Contra design challenge. Rather than treating it as a conceptual visual concept, I approached the project with strict, developer-ready constraints. The design was audited and selected based on its backend fidelity and operational utility:
Production-Ready Layering: The entire file utilizes a strictly structured, semantic layer naming convention. This minimizes friction when designers hand off assets to development teams.
Live Dynamic Text Elements: To ensure global commercial utility, the text fields remain live and interactive, making it simple for SaaS startups to integrate real-time revenue numbers dynamically.
Lightweight Motion Performance: The UI animation leverages micro-interactions optimized for web performance, avoiding the heavy code bloat often associated with complex web graphics.
A major thank you to SVGator and Contra for the spotlight and for championing independent design standards. The template is now live and free to interact with on the SVGator platform
Congrats on the SVGator feature!