Motion in Brand Guidelines: How to Document the Way Your Brand Moves
- Vedant Majithia
- May 21
- 6 min read
Updated: Jul 30
Open almost any brand guidelines document and you'll find the same contents page. Logo and clear space. Colour with hex, RGB and Pantone. Typography with a scale. Photography direction. Tone of voice. Maybe a grid.
Then it stops.
Nothing about how any of it moves. Which is odd, because most brands now spend more of their life in motion than in print - social video, product interfaces, event screens, sales decks, paid advertising. The guidelines cover the least-used expressions of the brand in forensic detail and say nothing about the most-used.
The result is predictable. Every video, every animated post, every loading state gets improvised by whoever is building it that week. Each one is defensible on its own. Together they're six different brands wearing the same logo.
This is what a motion section should contain, how to write rules people can actually follow, and how to know when you need one.
> For the wider picture, start with our guide to motion graphics for brands.
Why the gap exists
Mostly history. Brand guidelines evolved from print manuals, where nothing moved and the rules were about reproduction - minimum sizes, ink specifications, clear space. That structure got carried forward into digital largely intact.
Motion also sits awkwardly between disciplines. It isn't quite identity, isn't quite film, isn't quite product. So it falls between the designer who built the logo, the studio making the campaign and the engineer building the interface - and lands with none of them.
The cost is invisible until you look at six months of output side by side. Then it's obvious.
What a motion section actually contains
You don't need forty pages. A good motion section is usually eight to fifteen, and covers the following.
Logo behaviour
The most-used motion asset a brand owns, and the one most often left undefined.
Document:
How the mark arrives. Draw, fade, mask reveal, build from components, scale.
How long it takes. An actual duration, not "quickly."
What happens once it lands. Holds, breathes, sits still.
How it leaves, if it leaves.
Variants. A three-second stinger and a fifteen-frame social bump are different assets. Specify both.
What's not allowed. Rotation, bounce, elastic easing, distortion — whatever would break it.
The strongest identities make this easy because the movement is built into the mark from the start. When we developed Meridian Space, the satellite communications brand for SpinLaunch, the mark was conceived as motion - a ribbon-like "M" built around the idea of fixed motion, looping along the controlled path of an orbital track. The behaviour didn't have to be invented for the guidelines. It was already the idea the mark was made of.
Timing and easing
The grammar underneath everything. Get this defined and even work made by people who've never seen your brand will feel like it belongs.
Standard durations. Fast, medium, slow - with numbers. Something like 150ms, 300ms, 600ms.
Easing curves. Named and specified, ideally as cubic-bezier values so developers can use them directly.
The character. Does your brand snap, or does it settle? Overshoot, or arrive clean? This is the single most defining choice and it's usually never written down.
Transitions
How one state becomes another. Wipes, masks, cuts, cross-dissolves, elements carrying through.
Specify the two or three that are yours and rule out the rest. A brand with three defined transitions looks more coherent than one where anything goes.
Typographic motion
How words enter, hold and exit.
Per line, per word, or all at once
Direction of entry
Stagger timing between elements
Whether type ever moves once it's landed
Motion in interface
Distinct from marketing motion, and increasingly the majority of what customers see.
Page and state transitions
Loading and skeleton behaviour
Hover, press and focus responses
Data visualisation - how charts draw in
Reduced-motion behaviour for accessibility, which is a requirement rather than a nicety
Interface motion has a higher bar than marketing motion, because movement that exists to look good gets in the way of someone trying to do a job. On FourJaw, the manufacturing analytics platform, the product was designed not to impress when still but to perform when live - space used as signal rather than padding, colour reserved for actions and alerts. Motion has to pass the same test.
Sound
Even if the answer is "we don't use it." Say so explicitly, otherwise someone will add a whoosh.
If you do use it: audio logo, whether it's optional, and the rule that everything must still work muted.
Do and don't
The most-read pages in any guidelines document. Real examples, side by side, with a sentence explaining each. Vague principles get ignored; a wrong example that looks plausible does more work than three paragraphs of theory.
Files and templates
Rules people can't apply get ignored. Include:
Logo animation exports in the formats people actually need - MP4, MOV with alpha, Lottie or GIF
Editable project files where appropriate
Templates for the recurring formats
Where all of it lives and who to ask
Writing rules people can follow
Be specific enough to be checkable. "Motion should feel confident" isn't a rule - two people will read it differently. "Elements ease out over 300ms with no overshoot" is a rule. You can look at a file and say whether it complies.
Show, don't describe. A motion section made of paragraphs is a motion section nobody uses. Embed loops. A five-second clip communicates more than a page of prose, and it's the only way to convey easing.
Explain the why, briefly. People follow rules they understand and route around ones they don't. One line on the reasoning behind the pacing buys more compliance than three pages of specification.
Write for the actual audience. Freelancers, agencies, in-house designers, developers. The developer needs cubic-bezier values; the freelance editor needs a template and a don't-do-this list. Serve both.
Keep it short. A tight eight pages that get read beat forty that don't.
Where it gets used
Worth naming in the document itself, so people know it applies to them:
Video and film production, in-house or commissioned
Paid and organic social
Website and product interface
Sales and pitch decks
Event screens, stands and environmental
Recruitment and internal communications
If you have an agency roster, this is the document that stops five suppliers producing five different-feeling brands.
>> If that's campaign work specifically, we've covered campaign motion separately.
Delivering it
Inside the main guidelines is best. Motion treated as a chapter alongside colour and typography signals that it's part of the brand rather than an accessory. It's also the document people already know how to find.
A separate motion guide works for brands with heavy production volume, where the detail would unbalance the main document.
Whichever you choose, it has to be digital. A PDF can't show easing. Either a web-based document with embedded video, or a PDF that links to a shared folder of reference clips.
When you don't need this
Honest answer: if you produce almost no video, have no product interface and run no paid social, motion guidelines are premature. Build the static identity properly first.
You need them when:
More than one person or supplier is producing motion for you
You have a product with an interface
You run paid social with any regularity
You're briefing agencies and getting inconsistent results back
You've noticed your own output doesn't look like it comes from one place
That last one is usually how it surfaces. Someone lines up six months of work and the inconsistency is impossible to unsee.
Frequently asked questions
What should a motion section of brand guidelines include?
Logo behaviour, timing and easing values, transitions, typographic motion, interface motion, a position on sound, do-and-don't examples, and the exported files and templates people need. Eight to fifteen pages is typical.
How is this different from the rest of the brand guidelines?
The rest documents how the brand looks. This documents how it behaves. Static rules can be shown on a page; motion rules need moving examples, which is why the format has to be digital.
Can motion guidelines be a PDF?
Not really, or not alone. A PDF can't demonstrate easing or timing. Either use a web-based document with embedded clips, or a PDF that links out to a folder of reference files.
Do we need motion guidelines if we don't make video?
If you have a website or product interface, you already have motion whether you've specified it or not - page transitions, hover states, loading behaviour. Someone is making those decisions. Better it's you.
How long does it take to produce?
If the identity is already built, a motion section is a defined piece of work measured in weeks rather than months. If the identity itself needs motion designing from scratch, it's part of a larger job.
Can you add motion guidelines to a brand we didn't design?
Usually, and it's common. A well-built identity has implied behaviour in it - the geometry, the type, the way the mark is constructed all suggest how it should move. If the identity is weak, motion tends to expose that, which is worth knowing before you commit.
Working with us
We build motion as part of the identity rather than as a service added afterwards, and document it so it survives contact with everyone who has to use it.
If your brand book stops at static, let's talk.
Comments