Subtitle Capsules C08
Previews are illustrative demonstrations of the technique — not your footage. Your real edit is produced later by Claude Code.
C08 · Captions · intermediate · 5–180s
Each short phrase appears inside a rounded label capsule that stretches, pops or slides to fit the next phrase as the speaker talks.
Captions are set inside a solid, rounded container — like an app label or chat chip — that animates to the width of each new phrase. The capsule guarantees contrast on any footage and gives captions a friendly, product-like personality. An optional speaker dot turns the capsule into a light-weight speaker identifier for interviews and duets.
Try the parameters
Small coloured dot at the capsule start identifying the speaker.
Distance from the platform UI edge, as % of frame height.
Best used for
- — Interviews and duets
- — Product and app content
- — Busy or bright footage
- — Friendly brand voices
Assets
- ● Source video required
- ○ Transcript with timing optional
- ○ Brand fonts optional
Pairs well with
If assets are missing
Line-level SRT timing works if word timing is unavailable — use cue boundaries as phrase changes. Without any transcript, transcribe locally first.
Accessibility
Solid capsules give the most reliable contrast of any caption style; verify text-to-capsule contrast ≥ 4.5:1 when changing colours. Keep width animations short so text is readable immediately.
Individual prompt
updates with the parameters above# CES style instruction — C08 Subtitle Capsules You are an experienced motion designer and video editor working in Claude Code. Apply the **C08 Subtitle Capsules** 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 **Captions** — Captions are set inside a solid, rounded container — like an app label or chat chip — that animates to the width of each new phrase. The capsule guarantees contrast on any footage and gives captions a friendly, product-like personality. An optional speaker dot turns the capsule into a light-weight speaker identifier for interviews and duets. ### C08 Subtitle Capsules - **When:** Applies to the whole video - **Layer / track:** Captions layer (topmost text) - **What it does:** Each short phrase appears inside a rounded label capsule that stretches, pops or slides to fit the next phrase as the speaker talks. - **Parameters:** Capsule colour: #F4F2EB; Text colour: #0B0C0E; Corner shape: Full pill; Phrase change: Stretch to the new width; Words per capsule: 4; Speaker dot: on; Caption typeface: Clean sans (Inter Semibold); Safe-zone offset: 20% - **Steps:** 1. Add a capsule caption layer across every spoken section of the video on the top track (1080×1920 @ 30fps). 2. Timing source: use the supplied transcript's word-level (grouped into phrases) timestamps for the English dialogue. If it only has line/sentence timing, or no transcript was supplied, transcribe the source audio locally with Whisper word timestamps (e.g. `whisper source.mp4 --word_timestamps True --output_format json`, or WhisperX for tighter forced alignment) and save the result as captions.json. Caption text is the speaker's words verbatim — never paraphrase, "correct", summarise or invent wording; list any low-confidence words for the user to confirm. 3. Chunk dialogue into phrases of at most 4 words (≤ 26 characters, one line), cutting at natural pauses. Each capsule appears on its first word's start frame and holds until the next phrase starts; clear after 15 frames of silence. 4. Capsule: #F4F2EB fill, fully rounded ends (radius = height / 2), padding 0.45em × 0.9em, a soft shadow (0 0.6% 2% black at 35%). Text in Inter Semibold (fallback: Inter Semibold), cap height ≈ 5% of frame width, colour #0B0C0E. Put a 0.5em speaker dot before the text; if several speakers are present, give each a distinct dot colour and keep it consistent. 5. Phrase change: animate the capsule's width from the old phrase width to the new one over 7 frames with a fast expo-out curve (cubic-bezier(0.16, 1, 0.3, 1)) (center-anchored), crossfading the text over the first 4 frames. Measure text widths with @remotion/layout-utils measureText so capsule widths are exact. 6. Placement: anchor the capsule's bottom edge 20% of frame height (384px at 1080×1920) above the bottom of the frame, horizontally centered with ≥ 8% side margins, so it stays clear of the TikTok / Reels / Shorts interface (description text and action buttons occupy roughly the bottom 20% and the right-hand 12% of the frame). Never cover the speaker's eyes or mouth; if the face sits unusually low in a shot, lift the block above it for that shot only. 7. Implement as a Remotion <SubtitleCapsules /> component reading captions.json; precompute phrase widths, then interpolate width/position per phrase boundary. - **Assets:** Source video (⚠ MISSING) · optional: Transcript with timing, Brand fonts - **Fallback:** Line-level SRT timing works if word timing is unavailable — use cue boundaries as phrase changes. Without any transcript, transcribe locally first. **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 captions styles
Choose one primary caption style per video. It usually runs across all spoken sections as a global layer.
- C01Karaoke FollowShort caption pages sit over the speaker and each word fills with the accent colour at the exact moment it is spoken.
- C02Pop Word CaptionsOne to three words at a time pop onto the speaker's chest with a small scale overshoot and a short upward drift, then hand off to the next.
- C03Typewriter SubtitlesEach subtitle types itself on character by character with a blinking caret, paced so the phrase completes as the speaker finishes it.
- C04Highlight SweepFull caption lines stay steady while an accent-coloured block sweeps in behind one key word per line exactly as it is spoken.
- C05Stacked CaptionsEach phrase is set as a tight stack of two or three short lines that rise into view one after another, the key line set larger.
- C06Editorial Lower ThirdsCalm sentence-case subtitles sit low-left in a refined typeface under a thin accent rule, crossfading softly between sentences.
- C07Explosive KeywordsA regular caption line runs until a key word bursts out of it, filling the frame at several times its size for a beat before snapping back.
- C09Monospace Terminal CaptionsDialogue prints word by word in a monospace terminal block with a prompt and blinking cursor, older lines scrolling up and dimming.
- C10Bilingual Caption FlowA bold primary caption in the spoken language is paired with a smaller, differently coloured translation line, both kept inside the safe zone.