A full-screen, black-backed hero section where a hidden "final" image is revealed only inside a soft circular spotlight that follows the user's cursor (or finger, on touch devices) across a wireframe/base image underneath. A radial-gradient CSS mask creates the smooth, feathered reveal edge, smoothed further with a lerped cursor position for a fluid, lag-free feel. Layered on top is a liquid "gooey" text animation — built with an SVG feColorMatrix threshold filter — that seamlessly morphs between multiple headline words (e.g. "Tick." → "Tock." → "Forever.") instead of simply fading or sliding between them. A minimal top-left brand lockup (logo + wordmark) completes the layout. Fully responsive and touch-enabled, this template is ideal for product reveals, teaser landing pages, agency portfolios, or any brand wanting a tactile, interactive first impression.
A full-screen, black-backed hero section where a hidden "final" image is revealed only inside a soft circular spotlight that follows the user's cursor (or finger, on touch devices) across a wireframe/base image underneath. A radial-gradient CSS mask creates the smooth, feathered reveal edge, smoothed further with a lerped cursor position for a fluid, lag-free feel. Layered on top is a liquid "gooey" text animation — built with an SVG feColorMatrix threshold filter — that seamlessly morphs between multiple headline words (e.g. "Tick." → "Tock." → "Forever.") instead of simply fading or sliding between them. A minimal top-left brand lockup (logo + wordmark) completes the layout. Fully responsive and touch-enabled, this template is ideal for product reveals, teaser landing pages, agency portfolios, or any brand wanting a tactile, interactive first impression.