About the Liquid Motion template
Liquid Motion is built on two SVG blobs whose outlines are animated between several shapes, so they swell, stretch and flow into one another without ever repeating a hard edge. The blobs glow in hot pink (#ec4899) over a warm stone-black background (#0c0a09), with blush text (#fce7f3) keeping contrast soft. The template uses Qubed's full-screen effect layout, so the morphing forms fill the page while a vignette and fine grain hold your centred headline, description and signup form in focus.
Its natural audience is anyone selling movement: logo animation generators, video editors, motion-graphics plugins, creative agencies, music releases and brands with an organic identity. The page feels alive without being busy. Subscribers each receive a referral link, and the built-in leaderboard moves them forward for every friend who joins with it. Change the pink to your own brand colour, rewrite the copy, add a logo, and switch on a countdown if needed. It goes live in about 60 seconds, reports signups in real time, exports to CSV, and costs nothing on any plan.
What the demo shows
The live demo on this page launches Morphling, a made-up product we wrote to show the template with realistic copy: the headline reads “Your brand, but it moves.” and the subhead says “Generate looping liquid animations from a logo in seconds. Export to web, video or your next pitch deck.” Below it you see the signup form, a demo launch countdown and the share-to-climb referral panel exactly as a visitor would. Try the form: in the demo nothing is stored. When you use Liquid Motion, you replace Morphling with your own product name, headline, subhead and logo; the palette and motion come with it and every colour stays editable.
Design details
Liquid Motion is a dark template: a near-black background (#0c0a09), pale pink type (#fce7f3) and a vivid pink accent (#ec4899) on the join button, the countdown and the referral highlights. Body text sits at a 16.8:1 contrast ratio against the background, comfortably past the WCAG AAA threshold. Behind the copy the page animates with a liquid gradient that never stops moving, kept quiet behind the copy. The layout is hand-built for Liquid Motion and not shared with any other template in the catalogue.
- Background
- #0c0a09
- Accent
- #ec4899
- Text
- #fce7f3
How it compares
Within Art / Abstract, Liquid Motion stands out for its vivid pink accent on a near-black ground. If it is not quite right, Paper Fiber flips to a light parchment canvas with a brown accent and folding origami shapes (“Organic fiber texture under a diagonal fold”). Kinetic Type is also dark but leans on a violet accent and type that moves and reshapes itself (“Wall-of-text typography. Scroll-triggered reveal”). Deep Sea is also dark but leans on a vivid teal accent and light shafts and particles sinking into the deep (“Neon jellyfish drift through the abyssal black, 9 000m down”). All of them share the same signup, referral and analytics features, so switching later only changes the look.
Launch with Liquid Motion in three steps
- Click “Use this template” and create a free account; Liquid Motion is preselected in the page wizard.
- Replace the Morphling demo copy with your product's headline and one-line pitch, pick a URL, and optionally set a launch date to show a real countdown.
- Publish and share the link. Every subscriber gets a personal referral link, and you watch signups and top referrers arrive in the dashboard.
