Colour band slides in with keyword

Clean take for 0.33 s, then a flat colour band slides in over ~0.25 s pushing the video aside with the topic word in white capitals; the active-word chip captions run over the picture and the band exits at ~3.6-4.3 s. Corporate and productivity tips that want a single labelled topic anchor in the frame.

Open my video with this hook: "Colour band slides in with keyword" from the 24fps video editor library.
Preset JSON: https://24fps.dev/video-editor/hooks/colour-band-slide-keyword-hook-e2x/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: [Topic word] band slides in at 0.33-0.58 s, captions '[verb-ing] [noun] [noun] requires a solid daily [topic]' with the active word in a chip
Pair with captions preset active-word-indigo-chip (https://24fps.dev/video-editor/captions/active-word-indigo-chip/preset.json); the captions kind takes script as [{ w, s, e, emph }], plus karaoke and activeColor.
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
[Topic word] band slides in at 0.33-0.58 s, captions '[verb-ing] [noun] [noun] requires a solid daily [topic]' with the active word in a chip
Example lines
managing large content projects requires a solid daily workflow · managing growth means constantly adapting · my top workflow tip is time blocking
Beats
0.0s plain take; first caption words already in an active-word chip at 0.1 s → 0.3s flat colour band slides in at the top (yellow, orange) or bottom (blue), video offset by the band height → 0.4s keyword rises into the band in white capitals with a thin underline → 0.6s chip follows the spoken word; band holds 3.2-3.8 s in total, exits 3.6-4.3 s
Same idea
Also called: Focus (AI Edit)
Technique
Common AI-edit hook: colour band with the topic word slides in over the first half second
Footage
Man talking and gesturing, Pexels

Similar hooks