Triple Stack L03
0.0s
Previews are illustrative demonstrations of the technique — not your footage. Your real edit is produced later by Claude Code.
L03 · Layouts · advanced · 4–45s
Three 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.
The vertical frame is divided into three stacked sections — for example speaker, screen and result — with a clear focal hierarchy: the section being discussed takes the largest share at full brightness while the others compress into supporting strips. As the script moves on, focus passes to the next band with a smooth resize. It packs three sources into one frame without becoming a confusing collage.
Try the parameters
Best used for
- — Process walkthroughs
- — Speaker + screen + result
- — Recipe and craft steps
- — Before / during / after stories
Assets
- ● Source video required
- ○ Screen recording optional
- ○ B-roll footage optional
- ○ Screenshots optional
- ○ Second shot optional
Pairs well with
If assets are missing
With only two sources, use L01 Vertical Split Screen instead. Never fill the third band with a duplicate or invented asset.
Accessibility
Non-focal bands become small: keep essential text in the focal band only, and avoid more than one focus change every 2 seconds.
Individual prompt
updates with the parameters above# CES style instruction — L03 Triple Stack You are an experienced motion designer and video editor working in Claude Code. Apply the **L03 Triple Stack** 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** — The vertical frame is divided into three stacked sections — for example speaker, screen and result — with a clear focal hierarchy: the section being discussed takes the largest share at full brightness while the others compress into supporting strips. As the script moves on, focus passes to the next band with a smooth resize. It packs three sources into one frame without becoming a confusing collage. ### L03 Triple Stack - **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:** Three 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. - **Parameters:** Initial focal section: Top; Focal section height: 50%; Shift focus with the script: on; Gutter: 1%; Dim non-focal sections: on; Section labels: off; Focus outline colour: #D7FF5F; Easing: Ease in-out (smooth) - **Steps:** 1. Between from 00:00.00 to 00:10.00, divide the 1080×1920 frame into three full-width horizontal bands separated by 1% gutters (19px, background #0B0C0E): focal band 50% (960px), other bands 24.0% each (461px). 2. Assign sources from the supplied media: typically speaker / screen recording / result shot. Ask the user if the order isn't clear from the script. Each band crops its source with object-fit: cover centred on the subject — resizing a band re-crops, it never squashes. Scale every source uniformly (object-fit: cover for crops, contain for fits) — never stretch footage, screenshots or recordings to a region's aspect ratio. 3. Focus: start with the top band focal. Pass focus to whichever band the speaker is referring to (derive the moments from the transcript; list them in your report), animating band heights over 15 frames using a smooth ease-in-out curve (cubic-bezier(0.65, 0, 0.35, 1)); hold each focus ≥ 2s. 4. Dim non-focal bands to 55% brightness and desaturate 30%; outline the focal band with a #D7FF5F inner stroke 0.4% of width that travels with the focus change. 5. No section labels; the focus change alone carries the hierarchy. 6. Entrance: slide the bands in from alternating sides with a 4-frame stagger over 14 frames. Implement in Remotion with three containers whose top/height are interpolated, each holding an <OffthreadVideo objectFit="cover">. - **Assets:** Source video (⚠ MISSING) · optional: Screen recording, B-roll footage, Screenshots, Second shot - **Fallback:** With only two sources, use L01 Vertical Split Screen instead. Never fill the third band with a duplicate or invented asset. **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.
- 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.
- L05Editorial SidebarA 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.
- 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.