Skewed tag slam, then a black word wall behind the speaker
Within 0.5 s a torn-paper orange tag with the first keyword slides in at the top while the whole frame skews, a solid-colour caption bar types word by word in the lower third; in the gym variant the room is knocked out to black at 0.3-0.55 s and a six-row giant word wall tiles behind the speaker. Club, gym and fitness promos that need a gritty, loud opening.
Preview unavailable
Open my video with this hook: "Skewed tag slam, then a black word wall behind the speaker" from the 24fps video editor library.
Preset JSON: https://24fps.dev/video-editor/hooks/skewed-tag-slam-and-black-wall-hook-e3x/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 5s 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: [caps keyword tag at 0.35 s] + [solid bar captions typed word by word] + [room knocked out to black + keyword wall at 0.3-0.55 s or 3.9 s]
Sound design: hit at 0.255s on beat 1 of the music bed, about 0.1 s before the tag slides in (club clip only) (four-on-the-floor kick, repeats every 0.5 s at about 120 bpm with an off-beat hat; loud (noise floor -24 dB) and not ducked under speech; the gym and fitness clips are speech-only). In HyperFrames, fetch each with media-use (e.g. npx hyperframes media-use resolve --type sfx --intent "hit" --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
- [caps keyword tag at 0.35 s] + [solid bar captions typed word by word] + [room knocked out to black + keyword wall at 0.3-0.55 s or 3.9 s]
- Example lines
- Look, promoting is more than just getting people in the door · My favorite way to use these kettlebells is in a circuit · To stay motivated, find joy in the movement
- Beats
- 0.0s cold open on the speaker in the real room → 0.3s frame skews about 8 degrees; orange torn tag slides in at the top; first caption word types in the solid bar → 0.3s gym variant: room wiped to black from the top, word wall scrolls in behind the subject → 0.6s bar captions advance every 0.3-0.5 s; tag or wall stay until about 3.7-3.9 s
- Sound design
- hit at 0.255s on beat 1 of the music bed, about 0.1 s before the tag slides in (club clip only) (four-on-the-floor kick, repeats every 0.5 s at about 120 bpm with an off-beat hat; loud (noise floor -24 dB) and not ducked under speech; the gym and fitness clips are speech-only)
- Same idea
- Also called: Grit (AI Edit)
- Footage
- Man talking and gesturing, Pexels