Market
Pricing
Sign inStart
Field GuideUsing Gradiently
Using Gradiently

Add captions to video, with your Mark moving behind it

A lot of social video is watched with the sound off, so the words on screen carry the message. Here is how to build a captioned video on a timeline, from the first clip to the exported file, without leaving your brand behind.

GradientlyVerified Gradiently account·October 1, 2026·6 min read
Cover: Canvas Ballad · GR·141N·VB

The short version

  • In Gradiently, the Timeline holds video, audio and caption tracks on top of a design, with the Mark and every design element still editable.
  • You can write captions one by one with Add caption, or import an existing SRT or WebVTT file of up to 2,000 cues.
  • Captions can sit at the top or bottom of the frame, with their own text size, text colour and background colour.
  • Music and voiceovers are audio tracks: import MP3, M4A, WAV or Ogg files of up to 25 MB, then set volume, fades and timing.
  • The timeline, captions and music are part of Pro video editing, and finished videos export as MP4 or WebM up to 1080p.
On this page
What the timeline holdsHow to add captions to a videoImporting SRT and WebVTT caption filesCaption styles that read on a moving backgroundAdding music and a voiceoverExporting the captioned video

To add captions to video in Gradiently, open the Timeline on a design, import or record your clip, then choose Add caption and type what is being said at each moment. If you already have a subtitle file, choose Import captions and pick an SRT or WebVTT file instead. The captions sit on their own track, styled to read on your design, while the Mark keeps moving behind the whole frame. The timeline, captions and music are part of Pro video editing.

What the timeline holds

The timeline sits under the page and holds four kinds of track. Your Mark, your headline and any other design elements stay exactly as editable as they were before you added footage.

Video

What goes on it

MP4 or WebM footage up to 100 MB, or a camera or screen recording

What you can set

Start and end, source in and out, speed, volume, mute, loop, fades, split
Audio

What goes on it

Music or a voiceover: MP3, M4A, WAV or Ogg up to 25 MB

What you can set

Start and end, trim, volume, fades, loop
Element

What goes on it

Words, shapes and pictures already on the page

What you can set

When each one appears and disappears
Captions

What goes on it

Timed lines of text, written or imported

What you can set

Text, timing, position, size, colour, background
TrackWhat goes on itWhat you can set
VideoMP4 or WebM footage up to 100 MB, or a camera or screen recordingStart and end, source in and out, speed, volume, mute, loop, fades, split
AudioMusic or a voiceover: MP3, M4A, WAV or Ogg up to 25 MBStart and end, trim, volume, fades, loop
ElementWords, shapes and pictures already on the pageWhen each one appears and disappears
CaptionsTimed lines of text, written or importedText, timing, position, size, colour, background
Media files can be up to an hour long. A design can be split into scenes of up to 60 seconds each, and the soundtrack carries on across them.

How to add captions to a video

  1. 1

    Bring in the footage

    Open Timeline, choose Import media and pick a video, or use Record to capture your camera or screen. Recording in the browser covers the options.

  2. 2

    Trim before you caption

    Cut the start and end and split out pauses first. Captions are timed to the edit, so trimming afterwards means retiming them.

  3. 3

    Add the first caption

    Move the playhead to where someone starts speaking and choose Add caption. Type the words in Caption text, then drag its edges on the track so it starts and ends with the speech.

  4. 4

    Keep going, one phrase at a time

    Add a caption for each short phrase. Two lines at most, ideally one, changing as the speaker reaches a natural pause.

  5. 5

    Style the track once

    Under Caption style, choose the position, text size, text colour and background colour. The style applies to every line, so captions look consistent throughout.

  6. 6

    Play it through with the sound off

    Watch the whole video muted. If you can follow it without sound, the captions are doing their job.

Importing SRT and WebVTT caption files

If your captions already exist, from a transcription service, a video platform or a colleague, import them rather than retyping. Import captions accepts SRT and WebVTT files with valid cue times and text, up to 2,000 cues and 500 KB of text. Both formats are plain text files that pair a time range with the words shown during it.

text
1
00:00:00,500 --> 00:00:02,800
We roast every batch on Thursday.

2
00:00:03,000 --> 00:00:05,400
So the coffee you get is days old,
not months.

3
00:00:05,800 --> 00:00:07,600
Order by Wednesday night.
An SRT file: a number, a time range with a comma before the milliseconds, then one or two lines of text and a blank line.
text
WEBVTT

00:00:00.500 --> 00:00:02.800
We roast every batch on Thursday.

00:00:03.000 --> 00:00:05.400
So the coffee you get is days old,
not months.

00:00:05.800 --> 00:00:07.600
Order by Wednesday night.
The same captions as WebVTT: a WEBVTT header and a full stop before the milliseconds. MDN documents the full WebVTT format.

It works the other way too. Download SRT and Download VTT save the captions you wrote as a subtitle file, handy as a transcript or for platforms that accept one, such as YouTube. Bear in mind the exported video already has the captions drawn in, so a viewer who also switches on the platform's subtitles would see them twice.

Caption styles that read on a moving background

Captions sit on top of footage and a living Mark, so contrast changes from frame to frame. Big, plain and steady beats clever. The wider craft, including line length and timing, is in video captions design.

Hard to read

  • Long lines that wrap to three rows
  • Small text sized for a desktop screen
  • A thin or script font
  • Captions at the very bottom of a Reel, under the app's buttons
  • A new style for every video

Easy to read

  • Short phrases, one or two lines
  • Text sized for a phone held at arm's length
  • A sturdy sans, often your brand's body font
  • Captions placed clear of the platform's interface
  • One caption style kept across every video

On a 1080×1920 story or Reel, the platform's buttons and caption cover the bottom of the frame, so Top or a raised bottom position is often safer; social media safe zones shows where the interface sits. A solid background colour behind captions helps on busy footage. On calm footage, plain light or dark text usually reads well on its own.

Fresh this week
Roasted on Thursday.
Order by Wednesday night
Gradiently · @gradiently

A vertical video for stories and Reels: title near the top, captions in the middle band, the Mark behind it all.

Fresh this week
Roasted on Thursday.
Order by Wednesday night
Gradiently · @gradiently

The same video as a 1080×1350 portrait post, where captions can sit lower because there is less interface on top.

Adding music and a voiceover

Music goes on an audio track. Import an MP3, M4A, WAV or Ogg file, drag it to where it should start and trim it to the video's length. Turn its Volume down under speech, and use Fade in and Fade out so it doesn't start or stop abruptly. A voiceover recorded with Record › Voice lands as its own audio track, so you can balance it against the music.

Use music you are allowed to use

Importing a song into a design doesn't give you the right to publish it. Use tracks you have a licence for, or music the platform provides inside its own app.

Exporting the captioned video

Choose Export, then video. Captions are drawn into the frame, so they show on every platform, including those that ignore subtitle files. Videos save as MP4 or WebM, depending on what your browser can record, at up to 1080p; recording runs in real time, so a 40 second video takes about 40 seconds. Exporting a video or GIF has the details, and social video sizes lists the frame for each platform. New to editing? Video editing for beginners covers cutting and pacing.

Design with a living gradient

Posts, stories, slides and banners in every size, with text that always reads.

Start designing, free

Questions people ask

How do I add captions to a video?

Open the Timeline in Gradiently, add your clip, then use Add caption for each phrase or Import captions to load an SRT or WebVTT file. Style the track and export the video with the captions burned in.

What is the difference between SRT and WebVTT?

Both pair time ranges with lines of text. SRT numbers each cue and uses a comma before milliseconds; WebVTT starts with a WEBVTT header and uses a full stop.

Can I download the captions I write?

Yes. Download SRT or Download VTT saves them as a subtitle file you can upload to platforms that accept one.

Can I add music to a video in Gradiently?

Yes, on an audio track. Import an MP3, M4A, WAV or Ogg file up to 25 MB, then set its timing, volume and fades.

Are captions included in the exported video?

Yes. Captions are drawn into the frame of the MP4 or WebM, so they show wherever the video plays, even with the sound off.

Share this guide

Written by GradientlyVerified Gradiently account

The team behind Gradiently, a design tool built around Marks: living gradients that make everything you design look like yours.

See our profile

On this page

What the timeline holdsHow to add captions to a videoImporting SRT and WebVTT caption filesCaption styles that read on a moving backgroundAdding music and a voiceoverExporting the captioned video

Share this guide

Next in Using Gradiently

Export GIF, MP4 or WebM loops from any design

Keep reading

All Using Gradiently guides
Using Gradiently

Record screen in browser, plus your camera and voice

6 min read

A product walkthrough, a quick hello to camera or a voiceover for a slide: all three can be recorded in the same tab you design in, reviewed before they go anywhere, and dropped onto a timeline that already wears your brand.

Motion

Video captions: styles that are readable and on brand

6 min read

A lot of social video is watched with the sound off, which makes captions the script. Here is how to set them so they read at a glance and still look like you.

Using Gradiently

Export GIF, MP4 or WebM loops from any design

6 min read

A still post with a background that slowly moves is the cheapest motion you will ever make: no footage, no editing, the same words. Here is how to export it as a loop, and which of the three formats to send where.

Find the look that’s only yours.

Every Mark is a living background with one owner. Try an unclaimed Mark, and claim yours when it feels right.

Start designing

Check a certificate

Type a certificate number or a Mark’s code to see who owns it.

Works with ChatGPT and Claude

Ask your AI for a design. It makes it in your Mark, ready to edit.

ChatGPTClaude
How to connect

Product

  • Market
  • Explore
  • Pricing
  • Certificates

Learn

  • Field Guide
  • Help centre
  • What’s new

Developers

  • Overview
  • ChatGPT and Claude
  • API reference
  • API keys

Company

  • About
  • Contact us
  • Sign in

Legal

  • Terms
  • Privacy
  • Refunds
  • Mark protection
  • Cookies
  • All policies
Move through the letters. Each one wears a real Mark.Touch a letter to see its Mark.One name. Ten Marks inside it.
© 2026 Gradiently