Move the mouse — or your thumb — and the little explorer follows it. He blinks, he wanders off when you stop, and when you scroll the whole moon breaks into six thousand tiles and drifts away. One picture, two crops (desktop and phone), no video.
A character that meets the reader's eye is remembered as a person, not a picture.
Moon Mascot is directed, not decorated. The opening frame is treated the way a director treats a first shot: one continuous move, real depth, and the message placed exactly where the eye lands.
The mascot's pupils are lifted off the picture and composited back in the shader, so they follow the mouse on desktop and the thumb on a phone, blink on their own and wander when nobody is there. On scroll the whole frame — pupils included — breaks into six thousand tiles and scatters. Everything ships as a single self-contained file that drops into Webflow, WordPress, Shopify or Framer — and your team edits every word without touching code.
See the craftBuilt for mascots, kids & games teams that need the opening to carry weight and the rest of the page to stay out of the way.
The mascot's pupils are lifted off the picture and composited back in the shader, so they follow the mouse on desktop and the thumb on a phone, blink on their own and wander when nobody is there. On scroll the whole frame — pupils included — breaks into six thousand tiles and scatters.
Hero, sections, form and copy editor in a single HTML document. No build step, no framework, no plugin — paste it in and it runs.
Device pixel ratio capped at two, reduced-motion honoured with a still frame, and a graceful image fallback if WebGL is unavailable.
Everything in Moon Mascot exists to make the first scroll feel intentional. Nothing wobbles for its own sake; every move is tied to how far the reader has travelled.
Send the image you want in the hero and a line about the brand. We re-skin Moon Mascot to your palette, type and copy, and hand back one file — usually inside five working days.