Keyword blur card with a settling zoom
The clip eases out from a tight crop while the first keyword blurs into a glowing cream caps card at 0.5 s, followed by a tiny orange label at 1.2 s. Cozy, calm and reflective vlog openers built around one anchor word.
Preview unavailable
Open my video with this hook: "Keyword blur card with a settling zoom" from the 24fps video editor library.
Preset JSON: https://24fps.dev/video-editor/hooks/keyword-blur-card-settle-hook-e1x/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: my [thing] is [one-word keyword]. [steps].
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
- my [thing] is [one-word keyword]. [steps].
- Example lines
- My morning routine is simple. I come out here, breathe deeply and set my intentions. · My favorite way to start the day is creating a really cozy atmosphere. · Being out here by myself facing the unknown has been the most transformative experience of my life.
- Beats
- 0.0s Frame opens about 28% tight on the speaker, no graphics. → 0.2s Zoom-out settle to full frame; first captions blur in lowercase. → 0.5s Keyword blurs in as a cream caps card with warm glow. → 1.2s Tiny orange label fades in under the keyword. → 1.5s Caption words advance about every 0.3 s; keyword stays until the dim-down near 4.4 s.
- Same idea
- Also called: Ember (AI Edit)
- Technique
- Hook of the three Ember clips: scale 1.28 to 1.0 over 0.2 to 1.0 s, keyword (SIMPLE, COZY, SOLO) blur-in at 0.4 to 0.7 s, label at 1.1 to 1.3 s. Source preview audio is voice only (no music bed, no whoosh or hit visible in the spectrogram), so no sound cue is listed.
- Footage
- Man talking and gesturing, Pexels