Warm flash open, serif credits
Black or raw frame for 0.24 s, then a yellow-white flash with a pink leak tail (0.24-0.5 s) reveals the graded speaker; golden serif captions start at ~0.2-0.5 s and a light-leak returns about every 1.3 s. Travel, wellness and lifestyle openers that should feel filmic in the first half-second.
Preview unavailable
Open my video with this hook: "Warm flash open, serif credits" from the 24fps video editor library.
Preset JSON: https://24fps.dev/video-editor/hooks/cinematic-warm-flash-open-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: [Intent] [place or ritual] [soft claim]: I always tell people visiting [place] to [advice].
Pair with captions preset caps-gold-serif-glow-sentence (https://24fps.dev/video-editor/captions/caps-gold-serif-glow-sentence/preset.json); the captions kind takes script as [{ w, s, e, emph }], plus karaoke and activeColor.
Sound design: whoosh at 0.18s on leads the flash by ~0.06 s (airy whoosh ~0.7 s; hi +33 dB (travel), +30 (lifestyle)); click at 0.41s on ~0.15 s after flash start (very short snap / shutter-like click). In HyperFrames, fetch each with media-use (e.g. npx hyperframes media-use resolve --type sfx --intent "whoosh" --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
- [Intent] [place or ritual] [soft claim]: I always tell people visiting [place] to [advice].
- Example lines
- I always tell people visiting Bali to prioritize the Sidemen Valley. · Setting the tone early is key for me. · If you wanna feel energized, try this simple practice.
- Beats
- 0.0s Cold frame (travel/wellness) or black with an orange bloom bottom-left (lifestyle); first caption fades in on black ~0.16 s early. → 0.2s Yellow then white flash; 0.04 s of hard cut hidden at the peak. → 0.4s Pink-orange leak tail over a warm graded, vignetted frame. → 0.5s Gold serif caption 3 words wide fades in at lower third (y~0.7). → 1.5s Steady warm shot; next leak at ~3.1 s (wellness).
- Sound design
- whoosh at 0.18s on leads the flash by ~0.06 s (airy whoosh ~0.7 s; hi +33 dB (travel), +30 (lifestyle)); click at 0.41s on ~0.15 s after flash start (very short snap / shutter-like click)
- Same idea
- Also called: Cinematic II (AI Edit)
- Technique
- Film-burn opener with theatre-credit captions.
- Footage
- Man talking and gesturing, Pexels