Skip to content
PricingStart creating

Product demos3D motion

Tessel — A wall of widgets: A 25-second product demo video template

The preview, 25 seconds, with sound.

A word types on over a pale ground with a band of colour along its foot, a wall of dark tiles rushes in round your mark and flies on past it, and out of one burst of specks a single widget forms.

Use this template All templates
Length
25 seconds, or about 34 and 41 in the longer cuts
Formats
16:9, 9:16, 1:1 and 4:5
You can change
29 lines of text, 2 pictures, 5 colours and the logo
Sound
Voice-over and a choice of music

Product demos

What happens in Tessel

It grows through three sizes, gaining figures with rings, then charts, then a list, over soft colour that changes with each; a second one brings a cover, a button and a queue, turns over and comes back small, and the film signs off in the dark.

Twelve beats in twenty-five seconds, every figure, label, sign and picture yours, and two longer cuts that add seven tiles of their own without repeating one.

Product demos show a product at work: the interface, the feature and what it gets done. The library lists 33 under product demos.

Formats
16:9 landscape (1920 × 1080), 9:16 portrait (1080 × 1920), 1:1 square (1080 × 1080), 4:5 social (1080 × 1350)
Added

78 things to set

What you can change

The editor opens Tessel with 78 things to set, under its tabs: Content, Media, Style.

Content

What the film says.

Text41
  • Brand name
  • Opening word
  • Word beside your mark
  • Voice only · after the name is read
  • Wall of tiles: a figure, then its label
  • Name on the contact tile
  • Voice only · as one tile forms
  • First widget: heading
  • First widget: what its three figures count
  • Voice only · as the widget stretches wide
  • First widget: heading over the charts
  • First widget: the chart beside each figure
  • First widget: heading over the list
  • First widget: rows of the list
  • Second widget: title
  • Second widget: line under the title
  • Second widget: button
  • Second widget: heading over its rows
  • Second widget: rows
  • Voice only · as the widget turns over
  • Closing line
  • Voice only · before your name at the end
  • Website
In the Extended and Full length cuts12 more
  • Stack of tiles: a figure, then its line
  • Line beside the stack
  • Board being arranged: a name for each tile
  • Line under the board
  • Button that ends arranging
  • Line over the three finishes
  • Names of the three finishes
  • Label under that figure
  • Lock screen: date
  • Lock screen: time
  • Lock screen: three glances
  • Voice only · after the date and time
In the Full length cut6 more
  • Live tile: what is happening
  • Live tile: line under it
  • Live tile: unit after the figure
  • Checklist tile: heading
  • Checklist tile: what gets ticked
  • What that figure counts
Numbers9
  • First widget: first figure
  • First widget: first figure's goal
  • First widget: second figure
  • First widget: second figure's goal
  • First widget: third figure
  • First widget: third figure's goal
In the Full length cut2 more
  • Live tile: how far along, 0 to 100
  • Figure it counts up to
In the Extended and Full length cuts1 more
  • Figure on the finishes' tile

Media

Your screenshots, clips and logo.

Pictures and video2

Takes PNG, JPG, WebP, SVG, MP4 or WebM, up to 100 MB.

  • Photo on the contact tile
  • Cover on the second widget
Logo

PNG, JPG, WebP or SVG, up to 20 MB. Or read from your website.

  • Your logo

Style

How it looks and how it sounds.

Colours5
  • Second colour · figures, charts and soft colour
  • Third colour · figures, charts and soft colour
  • Primary color
  • Background
  • Text color
Typeface

Inter, DM Sans or Space Grotesk.

Icons11

11 small signs in the film, each picked from 68 drawings.

Pace

Dense (as designed), Steady (about 20% longer) or Relaxed (about 45% longer).

Voice-over2

On or off, read by one of 20 voices: Sarah, Brian, George, Alice, Hannah, Cole, Sienna, Cliff, Heather, Miles, Colin, Gemma, Athena, Hera, Thalia, Cora, Apollo, Arcas, Draco and Hermes.

Music and sound4
  • Original soundtrack
  • Sound level
  • Music: Original score, Quiet lift, Open horizon or Human warmth
  • Sound effects

4 steps

How to make Tessel yours

  1. Open it in the studio

    “Use this template” opens Tessel in the editor with its sample words and pictures in place. Sign in if you are asked to.

  2. Bring in your brand

    Type your website address and the editor reads your logo and colours from it. Or upload a logo, and the colours are matched to it.

  3. Change what it says

    Rewrite the 29 lines under Content yourself, or ask the assistant for a change in plain words. Put your own screenshots and clips in the 2 places under Media.

  4. Choose a format and render

    Pick 16:9, 9:16, 1:1 or 4:5, choose a length, record the voice-over and press “Render video”. The film comes back as an MP4.

6 questions

Questions about Tessel

How long is Tessel?

25 seconds as designed. The editor has two longer cuts too: Extended (about 34s) and Full length (about 41s). A longer cut adds beats of its own. Nothing is shown twice. The pace can be slowed too: Steady (about 20% longer) or Relaxed (about 45% longer).

Can I make Tessel vertical?

Yes. It comes in 16:9 landscape, 9:16 portrait, 1:1 square and 4:5 social. Switch between them in the editor before you render.

Can I use my own screenshots and video?

Yes. It has 2 places for them under Media, “Photo on the contact tile” and “Cover on the second widget”. It takes PNG, JPG, WebP, SVG, MP4 or WebM files.

Does it have a voice-over and music?

It has a voice-over, read by one of 20 voices, and you can switch it off. The music is a choice of Original score, Quiet lift, Open horizon or Human warmth. Its sound effects can be switched off too.

Can I use my own logo and colours?

Yes. Upload a logo, or type your website address and the editor reads the logo and colours from it. Tessel has 5 colours to set: second colour · figures, charts and soft colour, third colour · figures, charts and soft colour, primary color, background and text color. The typeface is Inter, DM Sans or Space Grotesk.

What do I get, and what does it cost?

An MP4 at 720p, 1080p, 1440p or 4K, at 24, 30 or 60 frames a second. Opening it and exporting it are free; having the AI make it yours from your words uses 40 credits. The Free plan gives 200 credits a month, with a Muvomi watermark on exports. Paid plans start at $10 a month and export without it.

6 templates

All templates
Frame from “Wren — Help for the whole day”28 seconds

Wren — Help for the whole day

An assistant's day on a ground that runs from ice to lavender, cut against short interludes of ink.

Product demosFormats: 16:9 · 9:16 · 1:1 · 4:5

Tessel — A wall of widgets

Make Tessel yours.

Use this template See plans