Brand motion: the part of identity most companies skip

Most brand identity systems stop at static. Then the team ships the brand into a website, an app, a TikTok, a notification banner, and a six-second pre-roll — every one of which moves — and improvises the motion. The result is a brand that looks coherent on a deck and inconsistent in the wild.

Brand motion is the missing chapter. It is the part of identity most companies skip, then quietly pay for in a thousand small inconsistencies across their product, their marketing, and their content.

The shortest possible answer

Brand motion is the rules that govern how the brand moves over time — the easing fingerprint, the duration scale, the entrance and exit principles, and the signature moments. It is to motion what a colour palette is to surface design: a small set of decisions that determine the rest by implication. Without it, every team in the company invents their own version. With it, the brand moves the same way whether it’s a hero loop on the website, a notification on the app, or a TikTok edit cut by a freelancer.

The four primitives of brand motion

1. The easing fingerprint.

Every brand has a way it moves that is recognisable before you can articulate why. Some brands snap (sharp ease-in, instant ease-out — a “decisive” feel). Some brands settle (slow ease-out, no overshoot — a “considered” feel). Some brands bounce (ease-out-back, a slight overshoot — a “warm” feel). The easing curve is a small decision with an outsized impact on brand personality. The fingerprint is captured in two or three cubic-bezier curves used across every motion the brand makes — and every designer using the brand picks from those, not from their own personal favourites.

2. The duration scale.

Most brand motion ships with arbitrary durations — one transition lasts 200ms because someone typed 200, another 350ms because someone else typed 350. A duration scale fixes this. Pick four values — typically a 120ms / 250ms / 400ms / 700ms scale, mapped to micro / small / medium / slow — and every motion in the brand picks from that ladder. The micro tier handles hover states and tooltips; small handles button presses and toasts; medium handles page transitions and section reveals; slow handles brand-level reveals and hero motion. Same intervals every time, across every product the brand ships into.

3. The entrance and exit principles.

How does new content arrive on screen, and how does it leave? Three credible options: drift (subtle Y-axis movement, 8–16px), scale-in (95% to 100%, paired with a 0 to 1 opacity), or stagger (sequential children, 40–80ms between each). Most brands ship with a mix of all three applied randomly; a strong brand picks one signature pattern for most cases and reserves the others for specific contexts. The principle should be defensible — drift suggests gravity; scale-in suggests confidence; stagger suggests sequence.

4. The signature moments.

Every brand has two or three motion moments that exist nowhere else — the “calling card” of the brand in motion. The Apple logo’s metallic-stroke animation. Stripe’s wave gradient on the homepage. Netflix’s tudum stinger. These are not used everywhere; they are reserved for the moments that matter — the brand intro on the homepage, the loading state in the app, the close of a video. Designed deliberately. Practiced specifically. Owned only by that brand.

The three signs your brand needs motion guidelines

Sign one — motion looks inconsistent across surfaces. Your website animates one way, your product animates a different way, your social channels animate a third way. None of them feel “wrong” individually; together they fragment the brand. The diagnostic: line up screen recordings of the homepage, the app, and a recent social post side by side. If the easing, timing, or entrance behaviour visibly diverges, the brand is missing its motion layer.

Sign two — motion “feels wrong” but no one can articulate why. Design reviews say “something is off with the animation” and rotate through suggestions: “make it slower,” “make it snappier,” “make it less bouncy.” Without a documented motion language, every review is a re-litigation of basic principles. Motion guidelines make the conversation about adherence rather than reinvention.

Sign three — every team is improvising their own motion. The product team picks easing curves from Material Design defaults. The marketing team picks from After Effects presets. The web team picks from CSS easing keywords. Without a shared specification, three teams produce three flavours of brand motion. A 12-line motion specification fixes this in a week of work.

How motion guidelines slot into a brand identity document

Motion guidelines are a chapter within the brand identity document, not a separate artefact. The chapter has roughly six sub-sections, in this order:

1. The easing scale — two or three cubic-bezier curves with their names, when to use each, and an example animation per curve.
2. The duration scale — four to six durations mapped to intent (micro/small/medium/slow/showcase).
3. Entrance and exit principles — the signature entrance pattern, the signature exit pattern, and the rules for when to break them.
4. Signature moments — the brand’s owned motion artefacts, with reference video clips.
5. Cross-medium translation — how the motion language adapts across web, app, video, and social.
6. The “do not” list — motion patterns the brand never uses (e.g., autoplay video with sound, bouncy 600ms button presses, infinite spinning loaders without a stated reason).

Total: 4–6 pages inside a brand identity document, or a small standalone motion guidelines document for brands that have already shipped their identity without one.

The minimum viable motion language

If you only have time to specify one thing, specify the easing curve. A consistent easing fingerprint applied across every motion in the brand is the single highest-impact motion decision. If you have time for two, add the duration scale. With those two specifications alone — half a page of documentation — you have eliminated 80% of the motion inconsistency we see in client work.

The cost question

A motion specification chapter within an existing brand identity adds roughly 1–2 weeks to the engagement. As a standalone retrofit on an existing brand identity, it is a 3–4 week engagement covering audit, specification, and the production of a reference library of approved motion samples. Either is dramatically cheaper than the alternative — paying every team in the company to re-decide brand motion every quarter, and getting inconsistency in return.

The single-line version

Brand motion is not a feature of brand identity. It is part of brand identity. A static brand running on a moving web is a brand losing ground to the brands that decided to move on purpose.

Common questions