The short version
- The simplest motion graphics for brands keep the words and logo still and let the background move slowly in a short loop.
- A loop of 5 to 30 seconds is enough for stories, reels, website heroes and event screens, and it needs no editing or footage.
- Motion becomes part of an identity when the same material moves the same way everywhere, just as a brand colour stays the same.
- Slow, calm movement suits most brands; fast motion and colour cycling are strong accents best kept for launches and events.
- Every moving asset should have a still version for places that don't play video and for people who prefer reduced motion.
On this page
Motion graphics for brands don't have to mean a video team, a shoot or an editing timeline. For a brand that mostly posts still images, the most useful motion is the simplest: keep the words and logo perfectly still, and let the background drift, flow or glow underneath them in a short loop. It looks crafted, it is easy to make every week, and it keeps you looking like yourself.
This is a practical guide to that approach: why it works, which kinds of movement suit which brands, how long and how fast, and where it earns its place. If you want the craft of the loop itself, see how to make a seamless loop.
Why still brands benefit from a little motion
Stories, reels and many feeds play video automatically, so a moving post sits naturally among them. Our eyes are also quick to notice movement at the edge of vision, which is why a slow shift of colour can draw attention where one more still image might be scrolled past. None of that needs spectacle. A background that moves gently while the message stays readable does the job.
The catch is production. A still brand usually has no footage, no motion designer and no time. That is why the approach here works: you design one still post as normal, and the only thing that moves is the material behind it.
A still announcement, exported as a loop: the words hold, the field moves.
The same material on a feed post, so the motion reads as the brand.
Full video production
- Footage, editing and sound
- Words move, cut and change
- Days per piece
- Hard to keep consistent week to week
A moving background
- One still design, nothing to film
- Words stay put and easy to read
- Minutes per piece
- The same material every time
Choosing the kind of movement
Different movements say different things, the same way type and colour do. Pick one as your default and keep it, so your motion becomes recognisable. Motion design principles covers the reasoning behind each choice.
| Movement | What it looks like | Suits |
|---|---|---|
| Drift | The field glides slowly across the frame | Calm, premium, editorial brands |
| Flow | A steady current runs through the colour | Wellness, travel, anything about ease |
| Breathe | Light swells and falls, barely moving | Luxury, beauty, quiet announcements |
| Swirl | The material folds and turns on itself | Music, nightlife, playful brands |
| Colour shift | Hues lean one way and back | Seasonal posts and gentle variety |
| Colour cycle | Hues travel all the way round | Launches and events, used sparingly |
How long, and how fast
Loops of 5 to 30 seconds cover almost every use. Short loops of 5 to 8 seconds repeat often, which suits stories and quick posts. Longer loops of 15 to 30 seconds feel less repetitive and suit screens people look at for a while, like a website hero or a venue display.
Pace matters more than length. Slow movement reads as confident and lets the words do the talking; brisk movement reads as energetic but pulls attention from the message. If in doubt, go slower than you first think. A good test is whether you can read the post comfortably while the background moves; if your eye keeps being pulled away from the words, slow it down.
Story and Reel
1080 × 1920
Instagram post
1080 × 1350
X post
1600 × 900
Website hero
1920 × 1080
Where motion earns its keep
- Stories and reels: the natural home for loops. See backgrounds for Reels and TikTok for safe zones.
- Feed posts: a moving version of an announcement or offer stands apart from still posts. Animated posts vs static covers when it helps.
- Website heroes: a muted looping video or a live background behind the headline, with a still fallback.
- Event and shop screens: long, slow loops that play all evening without feeling repetitive.
- Email: only as a small GIF, since most inboxes don't play video. GIF vs MP4 explains the trade-off.
- 1
Design the still first
Make the post as if it would never move. If the still doesn't work, motion won't fix it.
- 2
Pick your house movement
Choose one movement and one pace for everyday posts, and write them down next to your colours and fonts.
- 3
Export a loop
Export 8 to 15 seconds for social, longer for screens. Check that the end joins the start without a jump.
- 4
Keep a still version
Export a PNG of the same design for places that don't play video, and for people who have asked for reduced motion.
- 5
Save the bigger moves for moments
Colour cycling, faster pace and particles are accents. Use them for a launch or an event so they still feel special.
Making motion part of the identity
Motion works like any other distinctive brand asset: it becomes recognisable through repetition. If your background drifts slowly to the left in every story, people start to associate that drift with you. If every post moves differently, the motion is just decoration.
This is where a Mark helps. In Gradiently, the Mark behind your designs is a living material, so any design can be exported as a 5 to 30 second loop with the movement, pace, colour behaviour and particles you choose. The loop joins so that its end meets its start, and it exports as a video up to 1080p, or as a small GIF. Because the moving material is the same Mark as your still posts, motion looks like the rest of your feed instead of an exception to it.
GR·AR5D·D3
Analog Seal
See this MarkQuestions people ask
What are motion graphics for brands?
They are animated visuals in a brand's style: logos, backgrounds, type and shapes that move. For small brands, a still design over a slowly moving background is the simplest and most consistent form.
How long should a looping brand animation be?
5 to 30 seconds covers most uses. Use 5 to 15 seconds for stories and posts, and longer, slower loops for website heroes and event screens.
Do I need video software to add motion to my posts?
No. Tools that render a moving background behind a still design, including Gradiently, export a looping video directly, with no editing timeline.
Should the words move too?
Usually not. Keeping the words still makes them easy to read and lets the background carry the motion, which also keeps the design calm.
What format should a looping post be?
MP4 is the safe choice for social platforms and websites. Use a GIF only where video doesn't play, such as most email clients.
Written by Gradiently
The team behind Gradiently, a design tool built around Marks: living gradients that make everything you design look like yours.
See our profile
