Metrics Count-Up P03
Previews are illustrative demonstrations of the technique — not your footage. Your real edit is produced later by Claude Code.
P03 · Proof · beginner · 1.5–5s
A verified number ticks up from a meaningful starting value to its exact final figure in large tabular numerals, with its source label underneath.
A single real metric animates from a starting value that gives it context — zero, last month's figure, or a baseline — to its exact final value, decelerating as it approaches so the last digits are readable. Tabular figures keep the number from jittering, a prefix/suffix gives it units, and a small source line shows where the number came from. The motion makes growth feel tangible while the label keeps it honest.
Try the parameters
Best used for
- — Revenue or growth milestones
- — Subscriber or view counts
- — Case-study results
- — Before/after performance figures
Assets
- ● Source video required
- ● Verified data required
- ○ Screenshots optional
- ○ Sound effects optional
Pairs well with
If assets are missing
If no verified value or source is supplied, skip the counter and ask for the data. If the user can share a dashboard screenshot instead, use P01 Screenshot Punch with the real capture. Never animate a number that you calculated, rounded up or approximated from vague speech.
Accessibility
The final number must stay readable and still for at least 1.2s; avoid count durations under 0.8s that read as flicker. Keep 4.5:1 contrast and make sure the voiceover or captions state the number for non-visual viewers.
Individual prompt
updates with the parameters above# CES style instruction — P03 Metrics Count-Up
You are an experienced motion designer and video editor working in Claude Code. Apply the **P03 Metrics Count-Up** technique to the supplied footage as specified below.
**B. Project configuration:** 1080×1920, 9:16, 30 fps · Source video: not provided — ask the user for the path before starting · Video language (on-screen text & captions): English
**Proof** — A single real metric animates from a starting value that gives it context — zero, last month's figure, or a baseline — to its exact final value, decelerating as it approaches so the last digits are readable. Tabular figures keep the number from jittering, a prefix/suffix gives it units, and a small source line shows where the number came from. The motion makes growth feel tangible while the label keeps it honest.
### P03 Metrics Count-Up
- **When:** ≈ 00:00.00 → 00:02.80 (≈ derived — adjust to the nearest natural beat in the footage)
- **Layer / track:** V2+ (overlay above the picture)
- **What it does:** A verified number ticks up from a meaningful starting value to its exact final figure in large tabular numerals, with its source label underneath.
- **Parameters:** Verified final value: (not set); Start value: "0"; Prefix: (not set); Suffix: (not set); Decimal places: 0; Count duration: 1.6 s; Source label: (not set); Accent colour: #D7FF5F
- **Steps:**
1. The final value is not set. Ask the user for the exact verified number and its source. Only if the speaker states an exact figure in the transcript may you use it — verbatim — with the source label "As stated by the speaker". Never estimate, extrapolate or invent a number.
2. Count from 0 to the verified final value over 1.6s (48 frames) with an expo-out curve so the last 20% of the change takes ~50% of the time and the final digits are readable. Starting at zero is fine for totals; for growth claims prefer the real prior value.
3. Typeset in Space Grotesk heavy weight with tabular numerals (font-variant-numeric: tabular-nums) so the width never jitters; cap height ≈ 16% of frame width, colour #D7FF5F. Format intermediate frames to 0 decimal places with thousands separators appropriate for English.
4. In Remotion, compute the displayed value per frame as interpolate(frame, [start, start + 48], [0, finalValue], { easing: Easing.out(Easing.exp), extrapolateRight: "clamp" }), then format; the last frame must render the exact final value.
5. Add a small source line under the number naming where the figure comes from (e.g. the analytics tool and date range from the user's data). If the source is unknown, ask — do not show an unsourced statistic as fact.
6. Hold the final value fully static for ≥ 1.2s after the count finishes, then fade out over 8 frames. Land the final digit on the word where the speaker says the number.
- **Assets:** Source video (⚠ MISSING), Verified data (⚠ MISSING) · optional: Screenshots, Sound effects
- **Fallback:** If no verified value or source is supplied, skip the counter and ask for the data. If the user can share a dashboard screenshot instead, use P01 Screenshot Punch with the real capture. Never animate a number that you calculated, rounded up or approximated from vague speech.
**G. Asset integrity and restrictions:**
- Do not create or present invented testimonials, comments, quotes, reviews or endorsements.
- Do not fabricate numbers, metrics, charts or results. Data visualisations use only the supplied data.
- Do not create fake screenshots or UI and present them as real. Illustrative graphics must be clearly illustrative.
- Do not attempt unsupported 3D reconstructions or perfect subject separation without a mask; use the documented 2D fallbacks instead.
**I. Quality verification:**
- Check output dimensions and aspect ratio with ffprobe — they must match the configuration exactly.
- Check the output frame rate and that the duration is within ±0.5 s of the target.
- Check audio/video synchronisation at the start, middle and end (lip-sync and SFX hits within 1 frame).
- Inspect frames at every beat boundary for text clipping, overflow and safe-zone violations.
- Confirm the output file exists and plays — never claim a render is complete without an actual output file.
- Report any missing asset or unimplemented effect explicitly.
More proof styles
Use proof whenever you make a claim. Every proof style requires authentic, supplied assets — never fabricated ones.
- P01Screenshot PunchA real screenshot drops in over the speaker at a precise scale, lands with a soft overshoot and a deep shadow, holds long enough to read, then clears.
- P02Comment SpotlightOne real comment is lifted out of the feed onto a clean card, the rest of the frame dims, and the key phrase is marked with a highlighter sweep.
- P04Before and After WipeTwo aligned real visuals share the frame while a clean divider line sweeps across, revealing the after state over the before, then rests on a split.
- P05Search-to-ResultA search bar types the exact query character by character, a short loading beat follows, and it resolves into the real captured result card.
- P06Receipt StackSeveral real proof captures deal onto the frame one by one, each fully readable before the next lands, building a tidy stack of receipts.
- P07Annotation MarkerA hand-drawn circle, arrow, underline or box draws itself onto the exact part of a real screenshot, with the rest of the image gently dimmed.
- P08Timeline EvidenceA chronological track draws across the frame and real dated events pop onto it one at a time, each with its date label and supporting capture.
- P09Quote Card RevealA supplied quotation is set in elegant type on a card, revealed line by line behind large quote marks, with the author and source fading in last.
- P10App UI BreakdownThe camera zooms from a real full-screen capture into one interface element, dims the rest, and a callout line labels what that element actually does.