SVGator Challenge 2026 Entry · Built with SVGator Pro & SVGator MCP
✦ Overview & The Story
The Luxe Holiday Promo template turns any product into a high-converting Christmas commercial in under five minutes. Designed for luxury brands, e-commerce stores, and holiday campaigns, it combines a rhythmic kinetic headline lockup with organic buoyancy physics, 360° celestial orbit, and conversion-optimized heartbeat CTAs.
Retype any copy, drop in a transparent product PNG, and ship an 8-second 4:5 social ad without touching a single keyframe.
🛡️ 3 Hard Criteria Verification
Editable Text (Real Fonts, Not Outlined):
Every single text layer (#brand-logo, #holiday-badge, #headline-pre, #headline-top, #headline, #tagline, #price-tag, #cta-button-text, #guarantee-text) is an authored SVG <text> element styled with Google Font Outfit (weights 500 to 900).
Any designer or brand manager can double-click and retype copy directly in SVGator Studio or alter text programmatically via the DOM.
Time to Rebrand: Under 60 seconds with zero timeline edits.
⚡ Motion Design & Physics Architecture
Staggered Spring Typography ($t = 0\text{ms} - 1850\text{ms}$): Brand kicker, subhead, and 2-line display headline land in a rhythmic sequence with computed spring overshoot curves cubic-bezier(0.34, 1.45, 0.2, 1.0), locking into an authoritative typographic lockup.
Rotational Stamp Badge ($t = 300\text{ms} - 1100\text{ms}$): The limited-edition pill badge stamps in with a -12° to 0° rotational snap and subtle continuous idle wobble (±2°) to capture peripheral attention.
Damped Harmonic Buoyancy ($t = 1200\text{ms} - 6800\text{ms}$): The hero product hovers with a continuous sinusoidal buoyancy cycle (±18px drift) with aerodynamic roll tilt (±2.0°).
Coupled Inverse Ground Shadow: The ground pedestal shadow scales inversely with product height: contracts and softens as the bottle rises to peak crest ($y=620$), and expands to 1.08× with darker opacity as it descends toward floor level.
Interactive Dual Heartbeat CTA ($t = 3800\text{ms}$ & $5800\text{ms}$): The conversion CTA button and price tag execute synchronized double-beat pulses (1.0 → 1.07 → 0.98 → 1.05 → 1.0) to stimulate buyer action.
Zero-Delta Seamless Loop Seam ($t = 6800\text{ms} - 8000\text{ms}$): All 37 elements align at $t=0$ and $t=8000\text{ms}$ with a 0-pixel delta for infinite, flawless looping on social feeds.
An interactive Black Friday template where deals are hidden in the dark. Switch on the flashlight to reveal a product, its discount, and a branded offer. Switch it off, and everything disappears back into darkness.
One animation, endless possibilities. Simply replace the logo, product image, headline, discount, and colors to create a campaign for any brand.
Demonstrated with Nike, Apple, and Starbucks, showing how the same template adapts to different brands without changing its animation.
Perfect for interactive website banners, Black Friday promotions, and landing pages.
Brand Identity Kit: an animated brand showcase template 🌿
I built a 3D-style brand scene that anyone can make their own. The sign, products and palette are all separate named layers, so swapping the images, retyping the text and changing five color fills turns it into a different brand with the same animation.
Best for brand launches, identity presentations and product reveals, whether you’re pitching a client, showing a rebrand or opening a new store.
How I built it: I designed the brand and products as separate layers, then used the @SVGator MCP with an AI assistant to structure the project and animate it, and finished it by hand in the editor.