Abstract Motion Canvas B08

Pairs well with

# CES style instruction — B08 Abstract Motion Canvas

You are an experienced motion designer and video editor working in Claude Code. Apply the **B08 Abstract Motion Canvas** 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

**Animated B-Roll** — When there is no footage for an idea, a restrained geometric animation can carry it: rings expand for growth, nodes link for connection, a pair orbits for balance, streams of lines for flow. The shapes move with deliberate timing tied to the speech, giving the viewer a visual metaphor rather than a decoration. It uses only basic shapes, so it never misrepresents real people, places or products.

### B08 Abstract Motion Canvas

- **When:** ≈ 00:00.00 → 00:04.00 (≈ derived — adjust to the nearest natural beat in the footage)
- **Layer / track:** V1 (main picture)
- **What it does:** Circles, grids, lines and simple geometry animate in sync to visualise an abstract idea — growth, connection, balance or flow — without literal imagery.
- **Parameters:** Visual concept: Connection (nodes and paths); Palette: Ink + accent; Element density: 8; Animation speed: 1x; Line weight: 0.5%; Background colour: #0B0C0E; Accent colour: #D7FF5F
- **Steps:**
  1. Cut to a full-frame abstract canvas from 00:00.00 to 00:04.00 on a #0B0C0E background with a faint 8%-opacity dot grid (spacing 6% of frame width).
  2. Concept "connection": 8 nodes appear on a loose grid; paths draw between neighbours via stroke-dashoffset (15 frames each) until a connected network forms, then one path pulses in the accent.
  3. Build all shapes as SVG in Remotion with strokes of 0.5% of frame width (5px); palette: ink #F4F2EB lines with #D7FF5F for the one element that matters. Use only primitive geometry — no icons, logos, people or places.
  4. Tie the main transformation to the phrase the speaker uses for this idea (transcript word timing); the secondary motion loops quietly at 1.00× speed.
  5. Add no text unless the user supplies it. Keep an 8% safe margin, ease every move (no linear starts), and fade the canvas out over 8 frames before cutting back.
- **Assets:** — · optional: Transcript with timing, Brand fonts
- **Fallback:** If the idea being discussed is unclear from the transcript, ask the user which concept to visualise rather than choosing a misleading metaphor. A plain slow-moving dot grid is an acceptable neutral fallback.

**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.