compreel · Motion vocabulary
Motion vocabularythe moves a launch film is made of
Each component is a finished move we built in code and use in LaunchReel films: typing into a field, a title that lands, captions on the narration, a logo reveal, a cut between shots, a product on a device, a number that lands, a road of milestones, light that builds, a diagram that explains. Every page plays the loop and says when to use it.
Text input typingBig title kinetic typeSubtitles and captionsLogo revealsTransitions between shotsDevice framesData revealsTimelines and milestonesEnergy buildsDiagram builds
Make a film with these moves in LaunchReelText input typing4
A caret types into a real-looking field with a human rhythm, then the submit press and the result flipping in.
URL bar typing
A URL is typed into an address bar, autocompletes, Enter is pressed and the site flips in.
AI prompt box
A prompt is typed with a human rhythm, the send button lights up and is pressed, the answer cards flip in.
Search with typo and fix
A search pill: the query is typed with one typo that is noticed and fixed, suggestions follow, the first one is picked.
Paste-in
⌘V lands the whole text at once with a selection flash, then the send press and the result.
Big title kinetic type5
Headline type that moves with intent: rise, mask, weight, split-flap and outline-to-fill, on the look sheets' type scale.
Word-by-word rise
Each word rises out of its own mask on an expo-out curve, 75 ms apart.
Line mask reveal
Each line is revealed left to right behind a brand bar that leads the edge, then retracts.
Weight and width morph
Letters go from regular to bold from the centre out while the tracking closes in: the word gets heavier as it lands.
Split-flap board
Tiles flip through letters and settle left to right, like a departures board.
Outline to fill
The outline of the type draws on in the brand colour, then the fill floods in from the left.
Subtitles and captions4
Captions synced to the narration's timestamps: lines with start and end in ms, words timed by length when not given.
Lower-third bar
A brand bar grows, a plate slides out of it with the text; the plate resizes between lines and collapses at the end.
Karaoke highlight
The whole line is shown dim and each word fills with the brand colour as it is spoken.
Word pop
Words pop in one by one on a spring; the word being spoken sits on a brand pill.
Two-line safe-area captions
Classic captions: at most two balanced lines on a soft plate, inside the 10 % title-safe area, short fades.
Logo reveals5
The product's mark and wordmark arriving with one clear idea each, and an end card that pairs the logo with one line and one action.
Wordmark draw-on
The mark's outlines and the wordmark's letters draw on in the brand colour, then fill.
Mark assembles from parts
The mark's parts fly in from around it and lock together on a soft spring; the wordmark slides out from behind.
Glass pane slide
A frosted pane slides in over a blurred lockup, rests, then slides away and leaves the sharp logo behind.
Blur-up with ring pulse
The lockup sharpens out of a blur while it grows to size; one ring, then a fainter one, pulses out of the mark.
End card: logo, line, action
A logo reveal, the slogan rising under it, one CTA button that springs in and catches a light once; all of it holds.
Transitions between shots4
A cut in two halves with the same options: phase out at the end of the leaving shot, phase in at the start of the entering one; the speed peaks at the cut.
Brand push / wipe
Two skewed panels in the brand colour cross the frame; the new shot is behind them.
Zoom through a UI element
The camera dives into a card or button until its face fills the frame; the next shot grows out of the same place.
Match-cut card flip
The frame turns edge-on like a card and the next shot turns in from the other side.
Light sweep
A soft band of light crosses the frame; the exposure lifts toward white at the cut and falls after it.
Device frames4
Phone, laptop and browser frames around the product's screen rebuilt as HTML (or one of its own pictures), eased scroll-through, taps, notifications and a chat conversation.
Phone with scroll, tap and notification
A phone rises in, its screen scrolls on eased keys, a tap ripples, a notification drops in.
Laptop with scroll-through
A laptop with the site on screen; the page scrolls through its sections on sparse eased keys.
Browser window
A clean browser window with the product's address, scroll-through, a click ripple and a toast in the corner.
Chat conversation
A WhatsApp-style chat in a phone: typing indicators, messages typed and sent, bubbles that pop, read ticks, auto-scroll.
Data reveals6
Numbers that land: a counter that slams, tubes that fill to a ratio, racing bars, gauges, a pictogram that counts up and a curve that draws.
Slam counter
A big number rolls fast, settles long and slams on landing with a bloom and an underline.
Fill tubes and ratio
Glass tubes fill in turn, the first level is drawn across, and the ratio slams onto the last tube.
Bar race
Horizontal bars grow together with a small stagger; values ride the bar ends and the hero bar's value slams.
Gauges into the zone
Up to three dials; their needles swing in turn with a real overshoot into the target zone, which flashes.
Pictogram count
One big unit, an approximately-equals sign, and a grid of small units counting up slow-fast-slow to the total.
Curve draw
Axes draw, then each series draws left to right with a glowing head; the shorter series stops early with its end pin.
Timelines and milestones3
Progress you can watch: a ball hopping up steps, a ball travelling a road past milestones, a lane of hurdles lighting one by one.
Step climb
Steps grow from the floor; a glowing ball hops up them one by one, lighting each step and popping its value.
Roadmap travel
A road draws across; a glowing ball travels it, lighting each milestone with its date; the last one blooms.
Hurdle lane
A lane with hurdles; one by one each lights with its label while a guide reaches from the ball; with clear the ball hops them.
Energy builds3
Light that builds: a ring that ignites and keeps flowing, parts pulled together into one, a pulse that powers a chain node by node.
Ignition ring
A faint ring ignites with a flash and keeps flowing with light streaks; the centre line rises once it is lit.
Converge and fuse
Labelled orbs drift, pressure pushes them together, they fuse in a flash and one result orb springs out with sparks.
Energy flow chain
Node cards pop in; a pulse rides each connector and lights the next node on arrival; pulses keep flowing behind.
Diagram builds3
Explanations that build: callouts on a real screen, a checklist that ticks itself, a hub that its sources feed.
Screen callouts
A screen settles in; points get a rippling dot, a leader line to the side and a label, one by one.
Ticking checklist
Rows slide in one per beat and draw their tick, cross or note; an optional stamp slams on at the end.
Hub network
A hub and its sources pop in, spokes draw, one source's packets pave its spoke and pulse the hub; then all spokes flow.