Motion

Reels background design for Reels and TikTok videos

Vertical video has a frame you don't fully control: captions, buttons and names sit on top of it. Design the background for the space that is left.

GradientlyVerified Gradiently account··5 min read
Cover: Coastal Meridian · GR·XPEH·W9

The short version

  • A Reels or TikTok background is designed at 1080 × 1920 pixels, the vertical 9:16 frame both apps use.
  • The apps place captions, account names and buttons over the bottom and right side of the video, so important words belong nearer the centre.
  • Behind a speaker, a background should be calmer and darker than the face, with little detail near the head.
  • For text-only videos, a slowly moving gradient gives the frame life while the words stay still and readable.
  • Using the same background across a series makes the videos and their covers recognisable as a set.
On this page

A Reels background is the layer behind everything else in a vertical video: the field behind a speaker, or the whole picture in a text-only clip. Design it at 1080 × 1920 pixels, the 9:16 frame that Instagram Reels and TikTok both use. Keep the important parts away from the app's own interface, which covers the bottom and the right side, and keep the motion slow enough that the words or the speaker lead.

Reels and TikTok size, and the safe zone

Both apps show vertical video full screen and then lay their interface on top: the caption and sound name along the bottom, the account name above them, and the like, comment and share buttons down the right edge. On some screens there are tabs across the top too. Anything important that falls under those layers gets hidden or cluttered.

Instagram Reel

1080 × 1920

TikTok video

1080 × 1920

YouTube Shorts

1080 × 1920

One vertical master at 1080 × 1920 works for all three. Only the interface on top differs.
Area of the frameWhat covers itWhat to put there
Top stripTabs and headers on some screensBackground only
Upper middleUsually nothingHeadlines and key words
CentreNothingThe speaker's face, or the main text
Right edgeLike, comment and share buttonsBackground only
Bottom quarter or soCaption, sound and account nameBackground only; no words
The exact overlay differs by app, device and update. Treat this as a map, and check a draft in the app before posting.

Words in the upper middle, with the bottom and the right edge left to the background and the app's buttons.

The same frame is used by Stories, so our guide to Instagram Story size and safe zones applies here too.

Backgrounds behind a speaker

When a person is talking, the background's job is to disappear politely. The eye goes to faces first, and anything busy or bright behind the head competes with it. Both Instagram and TikTok offer green screen effects that place you in front of an image or video, and the same principles apply whether you use those, a real backdrop or a composited background.

Avoid

  • Bright colour or detail directly behind the head
  • Saturated colours close to skin tones
  • Fast movement or colour cycling
  • A background brighter than the face

Do

  • A calm field, darker than the face
  • Muted colours with one brand accent
  • Slow drift, or none at all
  • Detail kept to the edges, away from the head
Dark, low-saturation grounds that sit behind a face without competing. Each lifts slightly towards the bottom, away from the head.

Backgrounds for text-only videos

Plenty of Reels and TikToks have no footage at all: a tip, a quote or an announcement set over a moving background with music. Here the background is the whole visual, so it can be richer, but the words still need to read in the second or two people give them. Hold the text still once it appears and let the background carry the motion.

  • A moving gradient behind a single line, such as a tip or a statement. See animated gradient backgrounds.
  • A still gradient with kinetic type, where the words arrive in sequence and then hold.
  • A slow texture loop, such as grain or silk, for quiet, calm clips.
  • A split frame, with text on a calm field above and a product or screen recording below.

Check contrast across the whole loop: a bright patch drifting behind white words halfway through is the most common failure. Text on a gradient covers how to find the calm zone and choose the ink.

How fast a Reels background should move

Slowly. Vertical video already has a lot going on: the speaker, captions, cuts, the app's buttons. A background that moves quickly adds noise to all of that. A full cycle of change that takes many seconds is enough to feel alive. If the clip is shorter than the background's loop, that is fine; if it is longer, make sure the loop joins without a jump, as covered in how to make a seamless loop.

PaceOne full cycleUse it for
Slow15 seconds or moreBehind a speaker, calm tips, anything with lots of words
EvenAround 8 to 12 secondsText-only clips with one short line
BriskUnder 6 secondsLaunch teasers and countdowns, used sparingly
Starting points rather than rules. When in doubt, choose the slower one.

A consistent background for a series

Creators who post in series, such as weekly tips or episode recaps, can use the background as the series' identity. The same field, the same colours and the same position for the words make each new video recognisable before anyone reads it, and make the profile grid look planned rather than random. The cover matters as much as the video; see TikTok cover size.

One series, one background…

…so every episode is recognisable before it is read.

  1. 1

    Set up the frame

    Work at 1080 × 1920 and mark the areas the app covers: the bottom quarter or so and the right edge.

  2. 2

    Choose a calm ground

    Dark and low in saturation behind a speaker; richer for text-only clips.

  3. 3

    Place the words

    Upper middle for headlines, never in the caption area, and large enough to read on a phone at arm's length.

  4. 4

    Add slow motion

    A gentle drift or a breathing light. Keep the text still once it appears.

  5. 5

    Preview in the app

    Upload a draft and look at it with the interface on top before you publish.

In Gradiently, the Story and Reel size is built in, and any design can be exported as a looping video with its Mark moving behind still words, which is exactly this kind of background. For a creator-wide approach, see a consistent look for creators.

Questions people ask

What size is a Reels or TikTok background?

1080 × 1920 pixels, a 9:16 vertical frame. The same master works for Instagram Reels, TikTok and YouTube Shorts.

Where should text go in a Reel or TikTok?

In the upper middle of the frame. The app's caption, sound and account name cover the bottom, and its buttons run down the right edge.

What makes a good background for a talking-head video?

A calm, muted field that is darker than the face, with little detail near the head and slow movement or none at all.

Can I use a moving gradient as a Reels background?

Yes. Keep the motion slow, hold the words still once they appear and check that the text reads at every moment of the loop.

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
All Motion guides