INF Floating Token Motion Spot

A short, word-light product film turns a floating emblem into a passage to a dimensional benefit, then a proof surface, then a brand card. Its engine is the same object changing visual jobs: peripheral decoration, foreground portal, product token and final identity.

Why it works

• The central promise is legible at about 1.0 s, while different-size tokens keep the frame alive through shot 1.
• The 9 f and 10 f continuous boundaries into shots 2 and 3 carry the token forward without a hard cut; the 5 f white transition into shot 4 completes the hand-off.
• The dark benefit world starts at frame 127, the proof panel at frame 247 and the bright brand return at frame 311. Those measured changes make the pitch readable with very little speech.

Tools you'll need: Blender for 3D · Remotion for motion graphics · a licensed or generated music track · Claude alone: yes

Hook formula (inferred): centered promise + orbiting brand object → let the object cross in front of the promise.

Why it holds (inferred): the viewer can read the claim while the edges remain active. The next view is motivated by an object already on screen.

Retention map (inferred): re-hooks at the portal hand-off in shots 2–4 and the dark-world cut into shot 5; proof in shot 7; brand call to action in shot 8; fade out from frame 370.

Mix (inferred): three bright emblem views, one light passage, three dark benefit/proof views and one bright identity view.

Rhythm: Two 13 f inserts quicken the portal. The longest views, shots 5 and 8, carry the benefit and identity. The only hard cuts are into shots 5 and 6.

Rules this editor follows (inferred):

• Keep a recognizable ring or glint across beats 1–3; change its scale and lighting instead of introducing an unrelated transition.
• Put short text on a quieter visual plane. The shot 7 panel is nearly still as its text and trace finish.
• Spend the brightest passage in shot 4, then drop to the dark benefit field at the hard cut into shot 5.

• Look (inferred): bright cool opening, black glasslike objects with rainbow refraction, a near-white portal, then a dark blue-black stage with soft reflective rims. Map those roles to {{BRAND_BG}} and {{BRAND_ACCENTS}}; the reference palette in the measured table is evidence, not a recipe.
• Graphics and overlays (inferred): sparse diamond glints travel on their own depth layer; let them disappear in the dark proof field.
• Transitions (inferred): object occlusion, white flare, two hard cuts and two short directional whips. Use plate 5's lengths.
• Branding and end card (inferred): shot 8 brings back the bright field, grows {{LOGO}} into the center wordmark and adds {{CTA_URL}} as plain text. Begin picture fade at frame 370; do not hold the card to frame 395.

      0s         10s
mean  ▅▅▄▆▅▄▁▁▂▄ ▃▂▂▅▅▄▂
p95   ▆▇▇██▆▅▅▆█ ▆▄▄▇▇▆▂

:root { --brand-bg: {{BRAND_BG}}; --brand-accent: {{BRAND_ACCENTS}}; --brand-ink: #f7f8fb; }
.scene { background: radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--brand-accent) 35%, white) 0%, var(--brand-bg) 68%); perspective: 1400px; }
.token { border: 18px solid #121319; border-radius: 50%; background: conic-gradient(from 20deg, var(--brand-accent), #fff, var(--brand-accent)); box-shadow: inset 0 0 16px #ffffff88, 0 20px 46px #0009, 0 0 28px color-mix(in srgb, var(--brand-accent) 45%, transparent); transform-style: preserve-3d; }
.panel { border: 2px solid #ffffff55; border-radius: 24px; background: color-mix(in srgb, var(--brand-bg) 78%, black); box-shadow: 0 18px 70px #000b, inset 0 0 24px #ffffff29; backdrop-filter: blur(14px); }
.glint { filter: blur(2px) drop-shadow(0 0 20px #fff9); }

Blender · glossy ring and portal: Principled BSDF roughness 0.16, transmission 0.08, IOR 1.48, coat 0.55, emission strength 0.16 on the inset. World strength 0.35. EEVEE with 64 temporal samples, 1920×1080, 24 fps; 50 mm lens, f/2.8, keyed by a broad cool area light and a narrow warm rim.
2D / CSS equivalent: layered rings with 18 px extrusion and conic inset; blur outside shot 2 focus box 0 · 0 · 83 · 100 by 7 px, shot 4 box 0 · 29 · 58 · 57 by 6 px, shot 5 box 8 · 0 · 75 · 100 by 8 px, and shot 8 box 17 · 14 · 67 · 86 by 9 px. The f/2.8 depth effect becomes these masks. Area-light bloom becomes 28 px glow at 45% opacity; world-light falloff becomes a 22% vignette starting at 62% radius. 50 mm perspective maps to the CSS 1400 px perspective above.

Measured: plate 8 finds only four words covering 8% of the film; v1's longer late transcript is low confidence and appears unrelated to the visible product story.

Voice direction (inferred): no voice is required. If a builder adds one for accessibility, use a neutral, clear product narrator for only the short lines in beats 1, 3 and 4, with the picture and music lowered around those words.

• Music (inferred): light tonal opening, a brighter pass through beat 2, a muted low body under beats 3–4, then an uncluttered resolve under beat 5. The measured beat grid is audible but the edit is picture-led.
• Sound effects (inferred): a soft sweep on the continuous token hand-off near frame 59; two small claim hits near frames 151 and 153; a rise near frame 304; a tonal identity hit near frame 336; a small click near frame 344. These are cue placements, not claims that every effect is isolated in the reference.
• Silence and space (inferred): keep the panel claim clear and let the outro thin under the measured closing fade.

▆▆▇███▇███ ████▇▆▁

• Title (inferred): {{PRODUCT}} + one concrete benefit in six words or fewer.
• Cover / thumbnail (inferred): centered {{LOGO}} or emblem against {{BRAND_BG}}, with one bright ring entering from an edge and an unobscured four-word promise.
• Post copy (inferred): one line naming {{FEATURE}}, one verifiable reason to care, then {{CTA_URL}} as plain text.
• Audience signals: the captured post had 11,133 views. Comments and replay data are not measured in this v2 timeline.

Picture-led (inferred): write for reading time, not narration. Use an optional silent build and place only claims the product can support.

[beat 1 · shot 1 · on screen ≤5 words] {{PRODUCT}} + one short promise.
[beat 2 · shots 2–4 · no new words] Let the existing phrase pass behind the portal object.
[beat 3 · shots 5–6 · on screen ≤6 words] {{FEATURE}} in a concrete benefit line.
[beat 4 · shot 7 · on screen ≤7 words] {{VERIFIED_PROOF}} as a plain claim; label any demo-only trace “illustrative” at readable size.
[beat 5 · shot 8 · on screen] {{LOGO}}; {{CTA_URL}} as text.

Two routes (inferred)

Minimum: Claude alone. Remotion with CSS 3D end to end: perspective transforms, layered ring extrusion, masked depth blur, glow pass, chart drawn as SVG and a synthesized original music bed. It reaches the spatial pacing and graphic contrast quickly; it gives up physical refraction, exact reflections and complex light scattering. The user supplies {{LOGO}}, real {{PRODUCT}} assets and verified proof.

Full: with the toolkit. Blender Python makes the ring, token cluster, portal and luminous product disc at 1920×1080, 24 fps. Export camera keyframes as JSON and transparent PNG sequences with alpha to Remotion, which adds {{BRAND_FONT}} type, a code-built proof panel, mark-to-wordmark and fades. A licensed or generated original WAV and a 24 fps click/cue track pass to Remotion for final sync; export H.264 MP4 and a separate WAV master. Keep Blender geometry and Remotion text in the same pixel coordinate system so the portal occlusion covers the promise correctly.

Asset honesty: use real product captures or an honest code-built view of {{PRODUCT}}; if an asset is missing, show a type tile saying so. Never generate product UI, fake screenshots, fake metrics, fake reviews or fake outputs. In beat 4, the rising trace may be abstract motion only; any numeric performance claim needs {{VERIFIED_PROOF}}.

Script prompt (inferred)

Write four short on-screen lines for {{PRODUCT}} in five beats. Beat 1: inclusive promise. Beat 3: a concrete benefit of {{FEATURE}}. Beat 4: only the supported statement in {{VERIFIED_PROOF}}; say “illustrative” if the trace is conceptual. Beat 5: {{LOGO}} and {{CTA_URL}}. Respect plate 6's phone minimum and keep every phrase readable within its measured shot. No reference slogans, mascot or logo.

Music prompt (inferred)

Make an original 86.13 BPM D-minor instrumental with sparse FM bells, a soft sub, a bright portal swell and a restrained dark proof section. Follow the cue frames in plate 8 while leaving text passages uncluttered. Deliver a WAV and separate hit stems; no vocals or recognizable borrowed motif.

How it's built (inferred)

Signature portal, shots 2–4. Build one parent 3D scene so the foreground token, white slab, star and tunnel share coordinates. Put the promise behind the token but in front of the field; use the token silhouette as an occlusion matte. Shot 2's element moves through its measured region and rolls −2.4° over roughly 0.5 s; at the frame 58 boundary, blend the foreground slab and ring for 9 f, with no hard cut. At frame 71, continue the same token, rotate it edge-on and let the ring scale about ×1.09 over 0.5 s; use a 10 f masked reframe, again no visible cut. Expand the pale star from behind the ring until it becomes the tunnel's radial white lines; at frame 84, use the measured 5 f fade from white, then expose the travel token. The frames suggest a white slab wipes the picture around 2.50 s and a star becomes a tunnel around 3.29–3.50 s; the measurement says the two preceding shot boundaries are continuous and the shot 4 transition is a 5 f white fade. Use cubic-bezier(.22,1,.36,1) for the turn and cubic-bezier(.76,0,.24,1) for the flare. At 24 fps render 3–4 subframes with a 180° shutter for the whip and ring edges; hold some animation poses to approximate the measured 15.5 unique pictures per second.

Other motion and hand-offs. In shot 1, form the promise through about frame 24 while the image pushes by the plate 5 segments: ×1.48 through 1.67 s, then ×0.74 to 2.25 s. Avoid scaling text and rings as one layer: their depth separation creates the pull. In shot 4, move the small token through the measured changing region from about 4.00 to 5.17 s while the tunnel recedes; the low-confidence “static?” camera label is a hint, and the sheets show moving objects and radiant lines. At frame 127, make a 0 f hard cut to shot 5's dark stage; its measured brightness drop follows at frame 129. In shot 5, draw back about ×0.70 from 5.88–8.38 s and pan the tableau left by about 10.7% of width from 8.38–8.71 s. Bring the line in around the cue at frames 151–153. At frame 212, make the second 0 f hard cut; the token disc in shot 6 can appear to travel right while the plate 5 camera estimate is low-confidence. At frame 247, use a 6 f rightward whip into shot 7, motion blur 12–18 px, then scale the panel's measured moving region toward its smaller end box, about ×0.65 across the shot. Reveal the two proof lines around 11.2 and 11.5 s; keep the trace demonstrative unless tied to {{VERIFIED_PROOF}}. At frame 311, use a 3 f horizontal whip into shot 8. Pull back about ×0.55 through 14.62 s, pause to 15.04 s, then continue the shallow measured ×0.95 pull. The logo resolves around the frame 336 tonal cue. Fade the entire picture from about frame 370 to the end, following plate 5; the tonal events at frames 366 and 386 sit within that exit. Do not invent cuts at the brightness steps in plate 6.

Build order

1. Lay out beats 1–5 as the eight shot sequences in plate 4; place the measured boundaries before animating.
2. Make the portal parent scene for shots 2–4 and test its occlusion at frames 58, 71 and 84.
3. Make shot 1's depth layers, shots 5–6's product objects and shot 7's code-built proof panel.
4. Apply plate 5 camera and element keyframes, then add type from plate 6 and the shot 8 identity.
5. Compose the bed and cue stems against plate 8; mix for the target platform and export the 24 fps master.

• Eight sequences total; hard cuts only at frames 127 and 212; frame 58 and 71 boundaries remain visually continuous within ±1 f.
• White transition is 5 f at frame 84; whips are 6 f at frame 247 and 3 f at frame 311.
• Beat 2's token stays recognizable through shots 2–4; the shot 2 roll and shot 3 ×1.09 element scale follow plate 5 within about 10%.
• Every required word is ≥38 px cap at 1920×1080; the measured small disclaimer level is decorative only.
• Proof text fits its measured shot 7 boxes; real claims match {{VERIFIED_PROOF}}.
• Cue stems land within ±1 frame of the selected plate 8 frames; do not force the cuts onto the 86.13 BPM beat grid.
• X or LinkedIn master measures about −14 LUFS integrated and ≤−1 dBTP; reference loudness is not the delivery target.
• The picture fade starts about frame 370 and reaches black by the end; no full-brightness end-card hold extends beyond it.
• No reference colours, font, logo, mascot, slogans or music remain; {{CTA_URL}} is text, not a badge or QR code.

Brand slots

What this film avoids (keep these out too):

• No presenter or sustained voiceover.
• No stock footage, feature list, dashboard chrome or long legal paragraph as the pitch.
• No QR code or store badges.
• No invented metric, screenshot or result.

Brand-distance warning: the reference's cool bright field plus black rainbow-inset rings plus green rising yield trace and its exact wordmark would read as the original brand. Change the emblem's geometry first, then map the palette and proof visual to {{PRODUCT}}.

Adapt the aspect (inferred)

• 9:16: Re-lay out; the center crop keeps only the middle 31.6% and none of the measured boxes. Put one token above the claim and the proof panel below it, keep required type ≥22 px cap at 1080×1920, and keep logo/CTA clear of the top and bottom platform controls.
• 1:1: Re-lay out; the center crop loses the wide opening promise and moving edge objects. Pull the claim inward, stack the shot 7 panel and heading, keep required type ≥22 px cap at 1080×1080, and reserve a lower margin for feed controls.

Adapt the length (inferred; uses the record's scales flags)

• 15 s: Keep the portal in shots 2–4, the core benefit in shot 5, proof in shot 7 and the identity in shot 8; drop optional shot 6 and compress only scalable views.
• 30 s: Keep beats 1–5 and add one new product-specific demonstration between beats 3 and 4. Extend scalable scenes with new information, not static holding frames.
• 60 s: Keep the same visual grammar, add a second verified demonstration and a concrete use case before beat 4, then return to the fixed portal and end-card accents. Do not stretch the short portal or closing fade.

The creator's signature (don't copy): exact emblem, rainbow material, wordmark, blue-green palette, slogan and source music.

The transferable format (do copy): concise visual promise, object-led portal, dark benefit tableau, one readable proof surface and a bright identity return.

Source: https://x.com/shapelayer/status/2108211334341120039 · measured with dissect 1.1 and timeline v2 on 10 October 2026 · (measured) = read off the film · (inferred) = our reading