- Home
- Principles
- Motion
Motion guides
Product demo videos, captions and brand-aware motion.
- Brief a product demo before choosing effectsproduct demo structure, product video brief, demo video script, hook reveal proof CTA, video archetypes, feature announcement video
- Build the product's video design system firstvideo design system, brand a Remotion video, make the video match the app, video tokens, motion personality, video theme
- Checking a renderhow do I check my video, review a render, contact sheet, extract frames, frame by frame check, video looks wrong but builds
- Make the product demo understandable without soundvideo captions, accessible product demo, caption track, reduced motion video, silent video, video contrast
- Make the product interaction the visual proofanimate product UI, demo a click, simulated cursor, type into an input, scroll a product screen, zoom into UI
- Making a product video in codefundamentals, remotion basics, how do I make a video in react, motion graphics with code, promo video, demo video
- Reflow the story for each video formatvertical video, landscape video, square video, 9:16, 16:9, social video safe area
- Story and rhythmscene order, running order, storyboard, what should my demo video say, script for a product video, video pacing
- Text and layout in a rendered framemeasureText, text is clipped, word cut off, letters missing at the end, animated word swap, word rotator
- Use Remotion resources in the right orderRemotion skills, RemotionUI, remocn, Remotion Bits, video component library, video MCP