Skip to content
Journal

Design

Motion Belongs in the Brand Guidelines

Headshot of Nadia Haddad
Nadia Haddad
December 4, 2024 · 3 min read

Every brand guideline document specifies the logo clearspace to the millimeter and the blue to a decimal point. Almost none specify how anything moves. Then the brand ships a website animated by one vendor, an app animated by another, social templates animated by a third, and a launch film animated by us, and four different personalities show up wearing the same logo. One is bouncy, one is austere, one discovered springs last year and cannot stop.

This is not a coordination failure. It is a documentation gap. Motion is identity, as recognizable as typography when it is handled with the same rigor, and in a world where nearly every brand surface is a screen, how a brand moves is no longer a nice-to-have appendix. It is a primary channel of personality. Here is how we build motion into brand systems, learned across identity programs this year including our ongoing work with Aperture.

Personality first, curves second

The mistake is starting with specifications: durations, curves, framework. Specifications without a point of view produce technically consistent motion with no character, which is its own kind of failure.

We start where voice work starts: with personality translated into physics. Is this brand quick or deliberate? Does it glide or snap? Does it anticipate, or simply act? For Aperture, a tool for people who make things, we landed on a principle we phrased as "responsive, never decorative": motion exists to confirm and orient, arrives fast, settles without flourish, and never asks to be admired. Every downstream decision, and every future debate, gets tested against that sentence. A principle you can argue from is worth fifty specified curves.

The tokens of motion

With the personality set, we specify the system the way a type scale is specified: few values, clear roles.

  • A duration scale, not a duration. Small confirmations near 120ms, standard transitions near 240ms, large spatial changes near 400ms, and a rule for which class an element belongs to.
  • Two or three named easing curves, exported as cubic-bezier values, with roles: one for things entering, one for things leaving, one for emphasis. Curves are the accent of the brand's movement; more than three and the accent blurs.
  • Choreography rules. What staggers, by how much, and what never moves at the same time. Simultaneity reads as machinery; sequence reads as intention.
  • A stillness clause. What does not animate, and when motion yields entirely, including honoring reduced-motion preferences as a brand behavior, not just a compliance checkbox. Restraint is part of the personality too.

The delivery format matters as much as the thinking. A PDF of curve diagrams helps nobody on a deadline. We ship motion guidelines as working artifacts: tokens in code, Lottie and video references for every principle, and a small library of approved patterns for the moments every team will face, page transitions, loading, confirmation, reveal.

The test that keeps it honest

Our acceptance test for a motion system is blunt: silence the screen, blur the layout, and watch only the movement. Can you tell whose work it is? The best motion identities pass. You know certain brands from a single transition, the same way you know them from a lockup at three hundred feet.

The payoff shows up in the seams. Handoffs stop resetting the brand's physics. New vendors inherit a point of view instead of improvising one. And feedback conversations change register, from "can it be snappier" toward "does this pass responsive, never decorative," which is a debate with an answer.

Your brand already has a motion identity. The only question is whether it was designed or accumulated. If four teams animate your brand next year, and they will, the guidelines you hand them decide which one it is.

Building something this could apply to?

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

Start a project