Layouts
Where the subject sits: splits, picture-in-picture, pop-out presenters and framed cards. Hover to play; open one to compare before and after and copy the code.
Fluorescent gradient with giant WOWThe room is replaced by a pink-yellow-cyan gradient with a giant white WOW behind the cut-out person and an outlined echo below.BackgroundFluorescentCut-outGiant neon heart behind the personDark wine background with a huge glowing pink heart outline beating behind the cut-out person and a fainter echo heart.BackgroundNeonCut-outConcentric neon rings behind the personNavy background with three glowing cyan, magenta and yellow rings pulsing behind the cut-out person.BackgroundNeonCut-outCut-out on a flat colour posterFlat vermilion background with a huge cream word behind the cut-out person and a small caption line in front.BackgroundPosterCut-outCutout stepping out of a framed cardFootage sits in a rounded card on a dark ground while the cut-out subject, full-frame, overlaps the card edges and eases forward.LayoutCutoutCut-outCutout rising in front of a giant wordFull-frame footage with the cut-out subject sliding up and scaling in, in front of a giant word set behind them.LayoutCutoutCut-outBlack card, receipt slip with script signatureHard cut to black with a white slip of paper (small mono price lines, a script word signed across it) and a serif line of caption below; the speaker video is hidden.CardPaperBlack grid card, emoji over one big wordCut to a black card with a thin white perspective-style grid, one emoji floating over a large condensed word; the speaker video is hidden.GridCardCream card, rounded portrait, bold captionWarm cream page with the speaker in a soft rounded cut-out above a heavy dark caption and a small handwritten tag.CardCreamSilver handset frame, script wordFootage shrinks into a dark-bezelled screen on a brushed silver phone body, with a big cyan calligraphic word glowing across the bottom of the screen.FrameRetroParchment card, marker title, highlighterFull-screen parchment page with a yellow quote mark, a rough marker headline, a yellow squiggle arrow and a highlighter-yellow key phrase.CardPaperPale card, blue glass diamondsSoft grey-white card with rounded blue and pink glass diamonds in the corners and a short grey three-line statement above a frosted caption pill.CardGlassVideo over solid colour band, title belowThe video slides up into the top three quarters while a solid indigo band opens beneath it carrying a bold uppercase topic word.BandTitleSerif headline over mint field, rounded speaker card belowSolid mint background with a two-line serif headline at the top and the speaker in a rounded card underneath.CardSerifInset portrait card in a dark teal bevelled frameFootage shrinks into a rounded portrait card centred on a dark teal field with a cyan-teal rim and drop shadow, then settles.FrameCardGraph-paper page, framed card, outline titleThe video shrinks into a bordered card on white graph paper under a chunky light-blue outlined headline word.Graph paperCardFloating card on grey studio groundThe clip steps back into a soft-shadowed card centred on a dark grey backdrop for a mid-video beat change.CardFrameWhite page, centred card, spaced kickerThe video settles into a centred card on a plain white page with a tiny wide-tracked monospace word above it.CardWhiteBlack collage page with grey bubble labelA black page with a big grey halftone-style speech block on top, a small yellow-on-black label in it and the speaker as a rounded strip below.CollageZineSmall cut-out presenter over full B-rollB-roll fills the frame while the cut-out presenter shrinks into the bottom-left corner, captions run across the lower band.CutoutPipCut-outRed top band, giant cream wordHot red band across the top holds one giant condensed cream word that types in letter by letter; the footage sits in the lower 80%.BannerGiant wordPeriwinkle paper, rounded video cardFootage sits in a big rounded card on periwinkle paper with tiny handwritten margin notes and doodle marks around it.PaperRounded cardFlat green interstitial card, sparkle markFootage cuts to a flat green card with a small white sparkle mark above a single centred lowercase word.InterstitialFlat colourBlack screen, rounded card, amber edgeFootage sits as a slightly inset rounded card on a black screen with a thin warm amber edge, like a projected frame.FrameBlackDark charcoal screen, rounded footage cardFootage sits in a tall rounded card on a near-black charcoal screen with a thin margin all round.FrameDarkCircular portal, blue-to-orange ringFootage opens through a big circular portal over a deep blue to orange gradient, easing in from a slight zoom.CirclePortalGrey tech sheet with red rule and headerLight-grey sheet with a thin red rule on top and a boxed uppercase header label above the video, which sits in a full-width panel below.FrameHeaderGraph paper sheet, rounded video card, serif titleCream graph-paper background with a centred rounded portrait video card and a two-line dark serif title above it, tied to the page by a thin vertical rule.FrameCardSplit top/bottom, evenA-roll fills the top half, B-roll the bottom half, hard seam in the middle.SplitSplitSplit top/bottom, presenter 60/40Presenter takes the top 60%, B-roll fills the bottom 40%.SplitSplitSplit top/bottom, B-roll 60/40B-roll on top 60%, presenter bottom 40%.SplitSplitSplit top/bottom, B-roll over presenterB-roll above, presenter below, equal halves.SplitSplitSplit top/bottom with gutterTwo rounded panels with a thin coloured gutter between.SplitSplitSplit top/bottom, white dividerEdge-to-edge halves separated by a thick white border line.SplitSplitSplit top/bottom with title barA headline bar across the top, presenter below it, B-roll at the bottom.SplitSplitSplit top/bottom, seam at one thirdTop third B-roll, bottom two thirds presenter.SplitSplit