Skip to content
Journal

Design

Motion Is a Brand Voice, Not a Garnish

Headshot of Nadia Haddad
Nadia Haddad
March 8, 2023 · 3 min read

A brand guideline document will spend forty pages on the logo, twenty on color, fifteen on tone of voice, and then, if you are lucky, one page on motion that says "animations should feel smooth and modern." Meanwhile the brand exists mostly on screens, where everything moves: the app, the site, the social cuts, the pitch deck transitions someone made at midnight. How a brand moves is not a production detail. It is a voice, and most brands are speaking it by accident.

Movement carries character whether you design it or not

Watch two objects cross a screen. One eases in gently and settles with a soft overshoot. One snaps into place in four frames. Same start, same end, opposite personalities. Easing curves, timing, and follow-through communicate temperament the way word choice does in copy: precise or playful, weighty or weightless, calm or caffeinated. An audience cannot articulate it, but they absolutely feel it, and they notice when it contradicts everything else the brand claims about itself. A wellness brand whose interface snaps like a stock ticker is lying with its body language.

When we built the motion system for Aperture last year, we started with adjectives from the existing brand voice work: deliberate, precise, quietly confident. Then we translated each into physics. Deliberate became slightly longer durations than a typical interface. Precise became clean easing with no bounce, ever. Quietly confident became movement that never begs: nothing loops for attention, nothing wiggles.

What a motion system actually contains

A usable motion system is small and strict, like a good type scale:

  • A duration ramp. A handful of named durations, from micro-interactions to full scene transitions, with rules for which contexts use which.
  • Two or three easing curves, named and owned. Not "whatever After Effects defaults to." The curves are the accent of the voice.
  • Choreography principles. What leads, what follows, how elements enter a composition and leave it. Does the brand cut or does it flow? That single decision cascades everywhere.
  • A dignity clause. The things this brand will never do. No bounce, or no spin, or no slow-motion product porn. Restraint is the most recognizable style there is.

Crucially, the same system must be written twice: once for animators in After Effects and once for engineers as tokens and CSS-ready values. If the product's 200 millisecond ease-out has no relationship to the social team's house style, you do not have a motion identity, you have departments.

3D is getting cheap, taste is not

The toolchain has changed under us. Real-time engines, Blender's maturity, and lately the generative tools everyone is experimenting with have collapsed the cost of producing motion and 3D content. Things that needed a render farm five years ago happen on a laptop between meetings. This is genuinely great, and it also means volume is no longer impressive. When everyone can produce flying chrome text, flying chrome text stops meaning anything.

The scarce resource is the same as it ever was: a point of view about how this brand, specifically, should move, applied with enough discipline that a viewer could recognize the brand from the animation alone, logo cropped out. That is the bar. Some brands hit it: you know their work in the first second of a title card. It has never been about the software.

Start with the one-page motion brief: three adjectives, translated into duration, easing, and choreography. It is the highest-leverage page a brand team can add to the guidelines this year, because it governs the surface where customers actually spend their time. Everything on screen moves. The only question is whether it moves like you.

Building something this could apply to?

We take on a small number of flagship projects each quarter.

Start a project