Editorial Sidebar L05
0.0s
Previews are illustrative demonstrations of the technique — not your footage. Your real edit is produced later by Claude Code.
L05 · Layouts · intermediate · 4–40s
A clean text panel slides in from one side while the speaker re-centres in the remaining frame, then fills with a heading and numbered notes.
Part of the frame is reserved for explanation: a solid editorial panel slides in from the side and the speaker's shot re-frames into the remaining space. The panel carries a short heading and two to four annotations, data points or definitions that appear one by one as they are mentioned. It works like a magazine sidebar — the speaker talks, the panel holds the takeaways.
Try the parameters
Best used for
- — Explainers with key takeaways
- — Definitions and terminology
- — Data-backed commentary
- — Course lessons
Assets
- ● Source video required
- ○ Transcript with timing optional
- ○ Verified data optional
- ○ Brand fonts optional
Pairs well with
If assets are missing
If no heading or notes are supplied and the transcript lacks clear takeaways, ask the user for the panel copy. Never pad the sidebar with generic tips.
Accessibility
Dark ink on the light panel gives high contrast; keep notes on screen long enough to read twice (≈ 0.3s per word) and avoid more than four notes per panel.
Individual prompt
updates with the parameters above# CES style instruction — L05 Editorial Sidebar You are an experienced motion designer and video editor working in Claude Code. Apply the **L05 Editorial Sidebar** 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 **Layouts** — Part of the frame is reserved for explanation: a solid editorial panel slides in from the side and the speaker's shot re-frames into the remaining space. The panel carries a short heading and two to four annotations, data points or definitions that appear one by one as they are mentioned. It works like a magazine sidebar — the speaker talks, the panel holds the takeaways. ### L05 Editorial Sidebar - **When:** ≈ 00:00.00 → 00:10.00 (≈ derived — adjust to the nearest natural beat in the footage) - **Layer / track:** V1 (main picture) - **What it does:** A clean text panel slides in from one side while the speaker re-centres in the remaining frame, then fills with a heading and numbered notes. - **Parameters:** Sidebar side: Right; Sidebar width: 40%; Sidebar heading: (not set); Annotations: (not set); Numbered notes: on; Panel colour: #F4F2EB; Accent colour: #FF7A6B; Note stagger: 0.15 s - **Steps:** 1. Between from 00:00.00 to 00:10.00, slide a solid #F4F2EB panel 40% of frame width (432px), full height, in from the right edge over 15 frames using a fast expo-out curve (cubic-bezier(0.16, 1, 0.3, 1)); simultaneously re-crop the speaker into the remaining 60% so the face is centred in it (object-fit: cover — scale every source uniformly (object-fit: cover for crops, contain for fits) — never stretch footage, screenshots or recordings to a region's aspect ratio.) 2. Heading: derive a 2–5 word heading from the speaker's own framing of this section in the transcript (English); never introduce a claim they don't make. 3. Notes: 2–4 short annotations taken from the transcript or the supplied data, each ≤ 32 characters. If the material doesn't contain clear takeaways, ask the user for them. 4. Reveal each note as the speaker mentions it (derive times from the transcript), or 0.15s apart if they are listed together: fade + rise 2% over 9 frames. Number them 01, 02… in #FF7A6B mono. Note text in Inter, ≥ 3.6% of frame width. 5. Keep ≥ 6% inner padding in the panel and respect the platform safe zone (on 9:16 leave the bottom 18% of the panel empty). Captions move into the speaker area while the panel is visible. 6. Exit by sliding the panel back out over 12 frames as the speaker re-centres. Implement in Remotion with an interpolated panel translateX and an interpolated speaker crop offset. - **Assets:** Source video (⚠ MISSING) · optional: Transcript with timing, Verified data, Brand fonts - **Fallback:** If no heading or notes are supplied and the transcript lacks clear takeaways, ask the user for the panel copy. Never pad the sidebar with generic tips. **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 layouts styles
Use a layout when two things must be seen at once. Only one full-frame layout can be active at a time.
- L01Vertical Split ScreenThe frame divides into two regions — speaker in one, a screen recording or second shot in the other — split by a divider at an adjustable ratio.
- L02Picture-in-Picture FocusThe source media fills the frame while the speaker sits in a rounded window in one corner that glides to another corner when detail appears beneath it.
- L03Triple StackThree media bands stack vertically and the focal band grows to take most of the frame while the other two shrink and dim, shifting with the script.
- L04Floating Device FrameA screen recording plays inside a polished phone, tablet or browser mockup that floats in with a gentle 3D tilt over a soft background.
- L06Center SpotlightThe shot contracts into a sharp central frame with a thin accent ring while the surrounding area becomes a blurred, darkened copy carrying context labels.
- L07Grid ConversationSpeakers or references populate a 2×2 (or 1+2) grid tile by tile, and a highlight moves to whoever is currently talking.
- L08Cinematic LetterboxBlack bars close in from top and bottom to a true 2.39:1, 2:1 or 1.85:1 band, cropping (never stretching) the shot into a cinematic frame.
- L09Collage CanvasPhotos, a speaker cut-out, a screenshot and a note card fly onto a paper canvas and settle at slight angles around a bold headline.
- L10Adaptive Proof PanelWhen evidence appears the speaker's shot shrinks into a band and a proof panel takes the rest, resizing as more evidence arrives, then hands the frame back.