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.
VÉLURE | Luxury Hair Sanctuary: Redefining web design for the beauty & wellness space.
Most salon websites rely on the same noisy templates: cluttered price lists, rigid grids, and aggressive "before & after" sliders. With VÉLURE, the goal was to break away from that cliché and translate a hair-wellness sanctuary into a high-fashion digital editorial brought to life on screen.
Key Project Highlights:
Art Direction via Recraft AI: 100% custom imagery generated using VÉLURE’s exact brand palette (Warm Pearl, Champagne, and Dusty Rose), completely eliminating generic stock photos.
Custom Interactive Framer Components: Typography and interaction are a key part of the narrative as the user scrolls down to uncover the benefits associated with the brand.
A calm, relaxed atmosphere: Lots of space between blocks of content, a relaxing palette and imagery, allowing the user to let go of their hurries while navigating the website with small bits of animation keeping the attention on the right spot.
A playful mix of custom illustration, creative storytelling and digital design making the holiday season even more memorable.
Digital Advent Calendar for Dodo Brands