Snap zoom, bold italic title
Two wide frames, a jump cut to a tight crop at 0.08 s, a two-line bold-italic title fades in behind the subject at ~0.25 s while frosted pill captions build with oversized italic accent words; the title is gone by ~2.8 s. Marketing and branding explainers that need a crisp first impression and a topic title.
Preview unavailable
Open my video with this hook: "Snap zoom, bold italic title" from the 24fps video editor library.
Preset JSON: https://24fps.dev/video-editor/hooks/snap-zoom-bold-italic-title-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, fg }: 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.
This look needs a cut-out of the person: fg is a second copy of my video with the background removed (video with alpha, e.g. WebM VP9 or HEVC with alpha; e.g. npx hyperframes remove-background clip.mp4 -o clip.fg.webm, or any person-segmentation tool such as rembg or MediaPipe), stacked above the other clips.
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: Jump-cut snap zoom at 0.08 s, then '[TWO WORD TOPIC]' title and pill captions 'when we talk about [topic], [claim]'
Pair with captions preset frosted-pill-uppercase-italic-accents (https://24fps.dev/video-editor/captions/frosted-pill-uppercase-italic-accents/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
- Jump-cut snap zoom at 0.08 s, then '[TWO WORD TOPIC]' title and pill captions 'when we talk about [topic], [claim]'
- Example lines
- when we talk about brand pillars, companies really need to focus on three things · the key to an eye-catching promo video is the hook · when i first started i wish i knew how important resilience would be
- Beats
- 0.0s wide framing for 2 frames → 0.1s hard jump cut to ~1.6x tight crop (frame diff 58-63) → 0.1s first uppercase pill caption word appears at chest height → 0.3s bold-italic two-line title fades in behind the subject (grey then white) → 0.5s pill captions add words, italic accent words ~1.6x larger; title fades out at 2.4-2.9 s → 3.4s dissolve to glass card in 2 of 3 clips (not in 0-3 s)
- Same idea
- Also called: Evo (AI Edit)
- Technique
- Common AI-edit hook: 2-frame wide, snap zoom, fading italic title over pill captions
- Footage
- Man talking and gesturing, Pexels