← Back to blog
Guide
LEVÉ: a character that follows your cursor
It looks like 3D, but it’s two short videos and a bit of logic. How I generated the assets, and how the site turns a looping video into a head that follows your cursor.
Daniil Filatov
· 6 min read
LEVÉ — Drop 01, Noon Uniform. A Web System on filatov.design
Hey! This is the breakdown of the LEVÉ hero. Move your cursor and the model turns his head to look at it. Scroll, and he lifts off.
It looks like 3D. It isn’t. It’s two short videos and a bit of logic. Part 1 is how I made the assets, Part 2 is how the site turns a looping video into a head that follows you.
Part 1. The assets
Two images and two videos. The images fix the character, the videos give him motion.
1. Pick a character
I started from Cherry and Sky, an image from my Low Angle Summer collection. Strong silhouette, clear colours, and the orange glasses are easy to follow later.
Prompt 01 · Image · Cherry and Sky
Full prompt for Pro members.
2. Move him to a white studio
A plain background keeps the video clean, and the website can blend it into the page colour. One short edit request is enough:
Prompt 02 · Image edit
Place him on a complete white studio background
Copy includes the complete prompt.
3. Animate the look-around loop
This is the one that matters. In Seedance 2.5, attach the white-studio image as the start frame. The prompt asks for three things:
His gaze travels a full circle: left, up, right, down and back to left.
Only the eyes, head and shoulders move. The camera and body stay still.
The last frame matches the first, so the video loops without a jump.
Every direction he can look is somewhere in this one video. That’s what the website uses.
Prompt 03 · Seedance 2.5 · Look-around loop
Full prompt for Pro members.
4. Make a full-body version
For the scroll part he needs to stand. In Nano Banana, attach the white-studio image and ask for the same character head to toe, in a neutral front-facing idle pose with empty space around him.
Prompt 04 · Nano Banana · Full-body pose
Using the reference image, show the same character standing perfectly upright in a full-body, front-facing neutral video game idle pose. Spine straight, head level, shoulders even, arms relaxed straight down at the sides, legs straight, and feet parallel, slightly apart. Show the entire character from the top of the head to the soles of both feet. Use a wider composition, with the character occupying approximately 60% of the image height, centered horizontally and vertically. Leave generous empty space above the head and below the feet. No cropping. Preserve the character’s identity, proportions, clothing, materials, colors, and expression. Extend the existing outfit naturally to include the legs and matching footwear. Keep the same background, lighting, and visual style.
Copy includes the complete prompt.
5. Animate the lift-off
Back to Seedance 2.5, now with two images: the close-up as the start frame and the full-body image as the reference. He steps back, floats up, turns 360° and lands.
Prompt 05 · Seedance 2.5 · Lift-off and 360° turn
Create one continuous shot using the first image as the starting pose and the second image as the reference for the character’s full-body appearance, outfit, proportions, and upright stance. The character begins leaning close toward the camera exactly as in the first image. He lifts his head, straightens his back, releases his hands from his knees, and takes a few smooth steps backward until his entire body is visible, matching the centered full-body composition of the second image. He brings his feet together and his arms straight down alongside his body, becoming perfectly upright and rigid like a video game character in a character-selection screen. Keeping this straight pose, he gently levitates a short distance above the floor. While hovering, his entire body performs exactly one smooth 360-degree rotation around its vertical axis: front view, side view, back view, opposite side view, and back to facing the camera. His head, torso, arms, and legs rotate together as one aligned unit. He stays centered throughout. After completing the rotation, he drops a short distance and lands on both feet. His knees bend softly to absorb the landing, his shoulders drop, and his arms loosen naturally. He remains standing and settles into a relaxed, slightly exaggerated video game idle animation: gently swaying from side to side, shifting his weight between his feet, with subtle loose movement in his head, shoulders, and arms. Keep the camera completely stationary throughout. The change from close-up to full body happens entirely through the character moving away from the camera. Preserve his exact identity, curly hair, orange glasses, red textured vest, light blue sleeves, pale trousers, and shoes. Maintain the same pale studio background and consistent lighting, with a grounded shadow that responds naturally to the levitation and landing. Fluid, physically coherent movement with playful game-like timing. One uninterrupted take. No cuts, camera rotation, zoom, body morphing, outfit changes, extra rotations, or falling over.
Copy includes the complete prompt.
6. Cut out the outfit
Last, I isolated each piece he wears with Nano Banana, on a transparent background. On the site they burst out of him while he floats, and price tags pin to the same pieces when he lands.
Part 2. How the cursor effect works
The trick in one sentence: the loop already contains every direction he can look, so the site only has to show the right frame.
Here’s what the site does:
Map the video once. Go through the frames and note where he looks in each one. You get a small table: frame → direction.
Read the cursor. Measure the direction from his head to your cursor. Cursor above him means up, to the right means right.
Show the matching frame. Find the frame that looks the same way and jump the video there. The video never plays: it stays paused and the site only picks frames.
Glide the short way round. Don’t snap to the new frame. Move toward it smoothly and always take the shorter way around the loop, so his head never spins the long way.
Let him idle. No cursor (on a phone) or no movement for a few seconds, and he slowly looks around on his own.
Why not just scrub with the mouse?
Mapping left and right to the video timeline looks fine for a second, then breaks: his gaze moves in a circle, so half the time he’d look the wrong way. Use the angle, not the position.
The second video works the same way, except scroll picks the frame instead of the cursor. Scroll down and he lifts off, scroll up and he lands back.
Part 3. Build it
You don’t have to code any of this by hand. LEVÉ is a Web System: one verified prompt that rebuilds the whole site 1:1 in Claude Code, Codex or Framer Agent. The look-at hero, the lift-off, the floating outfit, price tags, the bag and every section below.
Claude Code rebuilt it 100/100 in 3 out of 3 runs. Framer Agent scored 99.
Want your own character? Generate the two videos with the prompts above, swap the media, keep the logic.
What Full Access unlocks
The look-around loop prompt from this guide
The LEVÉ Web System prompt for Claude Code, Codex and Framer
The full Low Angle Summer collection and 370+ image prompts
Every other Web System on filatov.design
FILATOV.DESIGN MEMBERSHIP
Get every prompt behind my work
370+ tested prompts across 38 collections, the Prompt Builder to remix them in seconds, and new drops every week.
$15/month. Cancel anytime.
MORE FROM THE BLOG
Build an interactive 3D bookshelf with Replit
A practical workflow from the first interaction to realistic books and a shelf full of design classics.
Grok Imagine + Grok Build: a cinematic racing website
Turn a crushed can into a Formula 1 car, chain the clips into one continuous film, and build a scroll-driven editorial website around it.
5 niche archives for design inspiration
Five online archives I use for visual research, moodboards and typography studies, far beyond the usual Pinterest search.
Motion graphics with Claude Opus 5.5
The prompts I used to create two branded motion-graphics films in Claude, without plugins or manual keyframes.
