Call to action prompt
With a planA closing call to action set like a film-title poster: giant SVG type with a flowing red gradient and a hard offset shadow, a timeline ruler with a red playhead, a rotating circular text badge, crossing marquee bands, a liquid ripple that follows the pointer and a magnetic button.
A picture of the design. The live, interactive preview, the full prompt and the code unlock with a Dapols plan. See the plans.
Want this on your own site? Pick it for your plan.
Everything on this page except these four tabs is free to read. The tabs unlock with a paid Dapols plan.
Redline Kinetic Type CTA is included with every Dapols plan
Free visitors get the free prompts. Any Dapols plan, the one-time setup or the monthly subscription, unlocks every prompt.
Unlocking this prompt gives you:
Already have a paid plan?
Not on a plan yet?
The preview, description and FAQ on this page are free. A plan unlocks this prompt and every other one in the library.
See the plansWant to try one now? Browse the free prompts.
Redline Kinetic Type CTA closes a page the way a film title opens one. The headline is real SVG text, filled by a red gradient that flows slowly through the letters, with a hard offset shadow that makes it read like a printed poster. A timeline ruler with a red playhead and a timecode flag runs across the top (the redline), a rotating text badge sits in the open space beside the second line, and two marquee bands cross at the bottom. Over the headline a soft lens follows the pointer and ripples the letters through a displacement filter limited to a small region, and the pill button leans toward the cursor. The intro wipe finishes in about half a second, so the headline is whole and bold almost immediately. The button is ink on paper (cream on black in dark mode) with a hard red shadow, the strongest contrast in its row. The headline stays a real h2 with a visually hidden copy, and reduced motion stops everything. It suits agencies, studios, launch pages and portfolio sites that want a loud last word.
Pairs well with the Pulse, Foundry and Atelier Looks in the Dapols website studio. See website examples.
Draw the text twice. The bottom copy is hidden near the pointer by a soft mask, and the top copy runs through feTurbulence and feDisplacementMap and is shown only inside the same soft circle. A tiny script moves the circles and the filter region to the pointer, so the distortion looks like a lens passing over the letters.
Not when it is done right. Keep the headline in a real h2, add a visually hidden span with the same words and hide the svg from assistive technology. Search engines and screen readers read the text, and sighted visitors see the animated type.
Only if it covers a large area. The filter here is limited to a 440 by 440 box that follows the pointer, uses two octaves of noise, and is switched off on touch devices and under reduced motion. The gradient flow, the bands and the playhead only change transforms.
HeroWith a plan
A bold editorial hero built around a luminous self-drawing SVG contour map: dozens of flowing lines trace themselves in over a soft sun glow, glowing routes ignite, nodes pulse, and hovering lights the nearest line.
FooterWith a plan
A premium editorial footer: a giant gradient wordmark that fills the width and glows from below, a glass newsletter card that works without JavaScript, four link columns, an email call to action and a legal row.
3D and Three.jsWith a plan
A cinematic full-viewport hero over 52,000 GPU particles that breathe between a ribbon and a sphere, with depth of field, bokeh, additive glow, a hot core thread, film grain and a lens reticle. Three.js, dark and light.
Need a whole site, not one section? Pick the designs you like, choose your colors and fonts, and Dapols builds the website for you as part of your plan. Answer a few questions about your business to get started.
