Sixty percent big number

Oversized gradient number slammed in, with a caps label and a serif follow-up. Stages: “Sixty percent of your savings could vanish to fees.” You have a credible figure that changes how the viewer sees the topic. Fits lines like “Forty percent of your protein is wasted by this habit.”.

Try your own words

Open my video with this hook: "Sixty percent big number" from the 24fps video editor library.
Preset JSON: https://24fps.dev/video-editor/hooks/sixty-percent-big-number/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 4s 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: Lead with a surprising [number], then the consequence.
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: Lead with a surprising [number], then the consequence.
Example lines: Sixty percent of your savings could vanish to fees. · Forty percent of your protein is wasted by this habit. · Thirty percent of travel photos are blurry for this reason. · Seventy percent of resumes are never read.
Beats: 0.0s Number '60%' slams in, gradient-filled, filling the frame width. → 0.3s Label 'of your savings can vanish to fees' rises beneath it. → 0.8s Serif line 'unless you check this' fades in last. → 1.4s Number slams in on a black screen, voice enters a beat late; then a cut to the speaker.
Technique: Stat shock hook: Open on a surprising, specific number, then its consequence.
Footage: Man talking and gesturing, Pexels

Hours of researchOversized gradient number slammed in, with a caps label and a serif follow-up. Stages: “I spent 40 hours researching sleep. Only one thing mattered.”Curiosity gapNumber

Hasn't worked sinceOversized gradient number slammed in, with a caps label and a serif follow-up. Stages: “Keyword stuffing hasn't worked since 2012.”ContrarianNumber

Mistakes killing your goalOversized gradient number slammed in, with a caps label and a serif follow-up. Stages: “Five mistakes are killing your gains.”Numbered listNumber

Similar hooks