Skip to content

UI animationDirector series

A clearer conversation: A 20-second UI animation video template

The preview, 20 seconds, with sound.

An idea becomes a finished thought. A full-frame prompt, a patiently revealed response, a tactile creative artifact and a closing statement.

Length
20 seconds, or about 29 and 38 in the longer cuts
Formats
16:9, 9:16, 1:1 and 4:5
You can change
9 lines of text, 3 pictures, 3 colours and the logo
Sound
Original soundtrack

UI animation

About “A clearer conversation”

UI animation puts an interface in motion: screens, cursors, prompts and cards. The library lists 28 under ui animation.

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

45 things to set

What you can change

The editor opens “A clearer conversation” with 45 things to set, under its tabs: Content, Media, Style.

Content

What the film says.

Text30
  • Headline
  • Opening label
  • Supporting text
  • Label above the prompt
  • Your prompt
  • Label beside the assistant
  • AI response
  • Line under the response
  • Label above the closing thought
Until “Response attachment” is added1 more
  • Label on the attachment card
In the Full length cut10 more
  • Label over the loose notes
  • Headline beside the notes
  • Loose notes
  • Label over your answer back
  • What you answer back
  • The assistant's second answer
  • Label over the two versions
  • The wordy version
  • The plain version
  • Line under the two versions
In the Extended and Full length cuts10 more
  • Label over the assistant at work
  • What the assistant does
  • Line under the assistant's mark
  • Label over the assistant's question
  • The assistant's question
  • Answers to choose from
  • Label over the figure
  • Figure
  • What the figure counts
  • Line under the figure

Media

Your screenshots, clips and logo.

Pictures and video3

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

  • Response attachment
  • Assistant avatar
In the Full length cut1 more
  • Picture among the notes
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.

Colours3
  • Primary color
  • Background
  • Text color
Typeface

Inter, DM Sans or Space Grotesk.

Icons2

2 small signs in the film, each picked from 24 drawings.

Music and sound3
  • Original soundtrack
  • Sound level
  • Sound effects
Other settings
In the Extended and Full length cuts1 more
  • Which answer is pressed

4 steps

How to make “A clearer conversation” yours

  1. Open it in the studio

    “Use this template” opens “A clearer conversation” 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 9 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 and press “Render video”. The film comes back as an MP4.

6 questions

Questions about “A clearer conversation”

How long is “A clearer conversation”?

20 seconds as designed. The editor has two longer cuts too: Extended (about 29s) and Full length (about 38s). A longer cut adds shots of its own. Nothing is shown twice.

Can I make “A clearer conversation” 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 3 places for them under Media, “Response attachment” and “Assistant avatar”. It takes PNG, JPG, WebP, SVG, MP4 or WebM files. Until you add your own, the film shows a drawn sample screen, and its 1 line can be edited as well.

Does it have music?

It comes with an original soundtrack that can be switched off. Its sound effects can be switched off too. It has no voice-over of its own.

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. “A clearer conversation” has 3 colours to set: 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

A clearer conversation

Make “A clearer conversation” yours.