Skip to main content

What it is

Video displays a dynamic auto-played video on the screen.

What it’s best for

Use it when a still visual can explain the product, add credibility, or reinforce the message faster than more copy.

How to add it in the dashboard

  1. Open the screen in the dashboard.
  2. Add Video from the Components panel.
  3. Select the video on the canvas.
  4. In the properties panel, choose the video source and set the fit and size.
  5. Review how the video crops on the canvas before finalizing the layout.

Key parameters

ParameterWhat it changesWhen to adjust it
SourceChooses where the video comes fromUse it when switching between library assets and hosted video
Video source fieldSets which video appearsChange it when you update the visual message
WidthControls how wide the video appearsUse it when the video should feel more dominant or more compact
HeightControls how tall the video appearsUse it to preserve balance with surrounding copy
FitControls how the video fills its frameChange it when the video is cropping too aggressively or leaving empty space
MarginAdds space around the videoUse it to prevent the video from crowding nearby elements

Example use cases

  • A product screenshot that previews a feature before account creation
  • A lifestyle video that sets the emotional tone of a welcome screen

Best practices

  • Choose visuals that support the business message, not just fill space.
  • Keep important parts of the video visible after cropping.
  • Use screenshots when you want clarity and illustrations when you want mood.

Common mistakes

  • Using videos with weak contrast against the rest of the screen
  • Letting the video compete with the main call to action
  • Choosing decorative visuals that do not help users decide