Field note / motion design / motion graphics / branding
Motion Brand Systems: Designing Beyond the Still Frame
How to extend a brand identity into time-based media without losing what the brand is.
- Published
- Dec 08, 2022
- Length
- 2 min read / 442 words
- Topics
- motion design, motion graphics, branding
A static brand identity gives you a logo, colors, and typefaces. A motion brand system gives you all of that plus a personality in time — how the brand moves, transitions, and reveals itself. As more brand touchpoints move to screen, the motion system has become as critical as the print system.
The Four Motion Properties
Every motion brand has four properties that define its character: pace, style, weight, and transitions.
Pace is the tempo of the motion — fast and energetic, or slow and considered. Style is the motion aesthetic — mechanical and precise, or organic and fluid. Weight is the physical feel of the elements — do they feel light and airy, or heavy and grounded? Transitions are how elements enter and exit — do they cut, dissolve, wipe, or reveal?
These four properties need to be derived from the same brand personality attributes that drive the static system. The motion system is an extension of the brand, not a separate creative exercise.
Designing the Logo Reveal
The logo reveal is the most critical piece of motion brand work — it's how the brand introduces itself. A reveal that feels wrong undermines everything that follows.
I approach the reveal as an argument about what the brand is. If the brand is about precision and craft, the reveal might be a careful, deliberate assembly of the mark's components. If the brand is about energy and movement, the reveal might be a confident, rapid burst. The animation should embody the brand values, not just animate the logo.
Building the Motion Library
A full motion brand system includes more than the logo reveal. It includes transition styles, lower-third treatments for names and titles, holding patterns for broadcast, social-specific formats, and a set of motion graphic elements that extend the visual language into animation.
I document all of these as a motion style guide — an After Effects template library combined with written guidelines covering the four motion properties and usage examples. The template library allows in-house teams and other production partners to extend the system without starting from scratch.
Consistency as the Goal
The hardest part of motion branding isn't designing the system — it's maintaining it across multiple producers and contexts over time. I build the template library with this in mind: making it easy to use correctly and difficult to use incorrectly.
Expression controls in After Effects allow me to expose color, duration, and sizing variables while locking the underlying animation structure. The producer can customize within the system without having access to the core animation logic.