Design

How your brand moves is who you are.

Motion is the fastest identity signal your audience will ever process. It arrives before a word is read and it says whether you are precise, warm, urgent or calm.

  • Motion identity principles
  • Logo animation system
  • Kinetic typography
  • Transition & choreography language
Motion Identity by Attic Salt

Overview

Motion Identity & Brand Animation

Every brand has a motion signature whether you designed one or not. It is the timing of your loading states, the way your product slides, the rhythm of your edits. Left alone, it defaults to whatever the platform decided, and your brand ends up moving like everyone else.

We design motion as a system with principles, timing scales and specific choreography — so the identity holds together whether it is playing in a 6-second reel, a 400ms UI transition, or a loop on a lobby screen.

What you get

  • Motion identity principles
  • Logo animation system
  • Kinetic typography
  • Transition & choreography language
  • UI motion guidelines
  • Social motion templates
  • Motion usage playbook

In detail

What is actually involved.

The substance behind the service, so you can judge whether this is the work you want.

01

Motion as a brand signal

Ask three people to describe your brand and then ask them to describe how it moves. The gap between those two answers is usually bigger than teams expect.

We define motion personality in behavioural terms — is it decisive or gradual, mechanical or organic, playful or serious — then derive every curve and duration from that.

02

The logo in motion

A logo animation is not a flourish you add at the end. It is where the identity proves it can behave under time as well as space.

We design a system: a hero animation for film and brand moments, simplified variants for UI and loading, and a micro-motion set for icons and transitions.

03

Timing and easing

Motion has a grammar, and the grammar is in the numbers. We define a duration scale, an easing curve set and a rule of thumb for what moves when.

This is the part that stops a brand from feeling amateur on a screen, and it is written down so your developers can implement it without guessing.

04

Guidelines developers can use

Motion guidelines that describe intent in CSS terms and Figma tokens, with exportable easing values, duration tokens and reduced-motion fallbacks. Every motion spec includes what the experience should be without animation at all.

Method Branding™

How this service runs through our process.

Every service is delivered inside the same four-phase method. This is what this one looks like inside it.

PHASE 01

Brand personality and category audit, including how competitors in your space currently move.

PHASE 02

Motion principles, personality definition and the choreography language for the system.

PHASE 03

Logo animation, kinetic type, transition system, UI motion tokens and the full playbook.

Read the full Method Branding™ process

Proof

Where we have done this.

All case studies

Brand & Motion

LoudSpectrum

Identity and motion for a live events company whose product is, literally, sound.

Identity & Motion

Zanda

A precision brand for a company that makes the parts nobody sees but everybody depends on.

Questions

Common questions on motion identity.

Do we need motion if we already have a visual identity?
Motion works far better when it is designed alongside the identity, not bolted on after. If the identity is locked, we can still define a motion personality from the existing assets — but expect a shorter discovery.
What do you deliver for developers?
Documented easing curves, duration tokens, a reduced-motion specification and reference implementations for the key transitions.
Is motion important for a small brand?
Only if you show motion. If you appear in video, social or product, the motion you do not design will be designed for you — usually by a template.

Let us scope motion identity for you.

Send us the situation, the deadline and what is at stake. We will come back with a written scope and timeline.

Start a project