Cycle a dot through brand colours, burst a sticker field and type the wordmark on, then backspace to the mark
Study the source, inspect the editable build, then adapt the treatment to your own content.
What the source does
After the app recording fades to black and then white, a single 48 px dot appears at canvas centre at ~f4 (master 8530) and hard-steps through colours roughly every 8 frames: black, orange (~f12), lilac (~f20), green (~f28), yellow (~f36), blue (~f40) and pink (~f48). At ~f63 (8589) the dot is gone and, in the same frame, a scattered field of playful stickers pops in around a single large bold capital letter left-anchored near x=720. The remaining letters of the wordmark type on one every ~4 frames until the six-letter word is complete at ~f84 (8610). Everything holds to ~f140 (8666), then the letters delete one per 4 frames while the stickers thin out; by ~f156 only the first letter remains and at ~f160 (8686) it is replaced by a centred brand mark on the bare field.
Brand outro built from step-keyed colour cycling on a dot, a same-frame sticker burst, a per-character type-on of the wordmark and a reversed type-off that hands over to the mark.
Phase notes
- Frame 0 — Empty off-white field
- Frame 4 — Dot appears, colour steps every ~8 frames
- Frame 63 — Sticker field bursts in, first letter lands
- Frame 84 — Wordmark complete, hold
- Frame 140 — Letters backspace, stickers thin out
- Frame 160 — Mark alone on the field
Use this example
- Watch the source and draft at normal speed. Compare the order of actions, the held states, and the transition into the result.
- Download the project and read its README before changing inputs. The package includes its implementation and declared dependencies.
- Replace the sample content through the package's documented input or content builder. Keep source footage in the research comparison.
- Render your adaptation and inspect text fit, framing, intermediate states, and entry and exit frames.
The source and remake are different assets. The original code-based illustration remains editable; source footage is a research reference. Read the retained findings below before using the choreography.
Recorded limits
- Visual fidelity is an authored draft judgement from sampled source frames; no independent blind review or native Resolve execution.
- Both variants rerendered from the packaged text renderer to repair a prior code/preview mismatch.