Skip to content

Subtitle Capsules C08

0.0s

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.

Your recipe starts here.

Add a style to begin building.