Red band, scrambled letter reveal
A hot red block sweeps the frame at 0.1-0.3 s, the footage drops into the lower 80%, and a giant cream condensed keyword scrambles in letter by letter (D, DS, ADS) while a cream caption box already carries the first words. Topic shorts where one keyword should headline the whole video within half a second.
Preview unavailable
Open my video with this hook: "Red band, scrambled letter reveal" from the 24fps video editor library.
Preset JSON: https://24fps.dev/video-editor/hooks/vinyl-red-band-letter-reveal-hook-e5x/preset.json (pass its "preset" to the engine).
Engine (MIT, no dependencies, ES module): https://24fps.dev/editor/engine.js. Download the engine next to your page (curl -O) rather than importing cross-origin, then import { mount } from "./engine.js" in a <script type="module"> served over http.
Wiring: root = a position:relative box at the video's size. media = { main }: main is a wrapper holding my video, filling the root. Then const fx = mount(root, { kind: "text", preset, media }) and call fx.render(seconds) every frame. The preset runs 3s from t = 0; offset t to place it later. It is seek-safe: drive it from the GSAP timeline in HyperFrames or call render(frame / fps) in Remotion. Before capturing frames, await (fx.ready ?? document.fonts.ready). Check it on my footage: if text is hidden behind the subject or doesn't read against my colours, nudge the layer positions or colours.
Replace the demo text with mine: set preset.layers[n].text (use \n for line breaks); if none given, write lines that fit my footage and tell me.
Hook formula: So you wanna [verb] [KEYWORD] that [benefit]? / My [KEYWORD] is [short claim].
Pair with captions preset caps-sentence-cream-boxes-red-hit (https://24fps.dev/video-editor/captions/caps-sentence-cream-boxes-red-hit/preset.json); the captions kind takes script as [{ w, s, e, emph }], plus karaoke and activeColor.
Sound design: swish at 0.08s on red block sweep at 0.1 s (pop_creators hi +33 dB at 0.08) (airy swish ~0.2 s); boom at 0.12s on block lands (0.12 pop_creators, 0.2 health_fitness) (soft low thump ~0.15 s); boom at 0.52s on letters finish landing (second soft thump +25 dB (pop_creators 0.56)). In HyperFrames, fetch each with media-use (e.g. npx hyperframes media-use resolve --type sfx --intent "swish" --project .; media-use needs `heygen auth login`, without it use `--local-only`, check with `--doctor`); elsewhere use royalty-free SFX or ones I give you.
Field reference: https://24fps.dev/video-editor/llms.txt. Keep sizes as fractions of the frame height so it works at any resolution. Credit: 24fps.dev/video-editor- Formula
- So you wanna [verb] [KEYWORD] that [benefit]? / My [KEYWORD] is [short claim].
- Example lines
- So you wanna make ads that people actually enjoy watching. · My daily routine is simple. · So when I start a track, I usually begin with the section first.
- Beats
- 0.0s Full-bleed footage, first caption word ('So', 'My') already in a cream box. → 0.1s Red block sweeps in from top-left then bottom-right while the footage rescales to the lower ~80%. → 0.3s Letters pop in out of order (R_U_INE, _A_K, D, DS) in cream condensed caps on the band. → 0.7s Band complete (about 20% of frame height); captions word-flip to red on emphasis words ('wanna', 'when', 'daily'). → 1.0s Band holds; caption box fills 2 lines; one jump cut (scale step) around 1.7 s in health_fitness.
- Sound design
- swish at 0.08s on red block sweep at 0.1 s (pop_creators hi +33 dB at 0.08) (airy swish ~0.2 s); boom at 0.12s on block lands (0.12 pop_creators, 0.2 health_fitness) (soft low thump ~0.15 s); boom at 0.52s on letters finish landing (second soft thump +25 dB (pop_creators 0.56))
- Same idea
- Also called: Vinyl II (AI Edit)
- Technique
- Poster band that types a headline in non-linear letter order.
- Footage
- Man talking and gesturing, Pexels