brand-motion-guidelines

Create a fill-in-ready brand motion guidelines document with timing and easing tokens.

1|1|Updated Jun 22, 2026
One-click install
npx skills add https://github.com/iart-ai/freelance-motion-skills --skill brand-motion-guidelines
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: brand-motion-guidelines
Source: https://github.com/iart-ai/freelance-motion-skills/tree/main/skills/brand-motion-guidelines
Command: npx skills add https://github.com/iart-ai/freelance-motion-skills --skill brand-motion-guidelines

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This skill helps teams turn scattered motion ideas into a clear, consistent brand motion document so animations feel intentional, implementable, and accessible across product and marketing surfaces.

Core Features & Use Cases

  • Defines motion principles that set the brand's animation personality.
  • Establishes timing and easing tokens for consistent implementation.
  • Maps common motion patterns such as entrances, exits, transitions, feedback, logo motion, and reduced-motion behavior.
  • Use it when a product needs a motion language, when multiple designers and engineers need shared rules, or when a brand wants its animation style documented in one place.

Quick Start

Ask the assistant to draft a fill-in-ready brand motion guidelines document for your product or brand, including principles, tokens, motion patterns, logo rules, accessibility guidance, and do-don't examples.

Frequently Asked Questions about brand-motion-guidelines

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create a brand motion guidelines document for my product?

To create a brand motion guidelines document, you need to define motion principles, establish timing and easing tokens, map common motion patterns, and outline accessibility rules to ensure consistent animation behavior across all product surfaces.

What are motion tokens and how do they work in a design system?

Motion tokens are named values for timing and easing curves that standardize animation implementation. They provide a shared motion language so designers and engineers can apply consistent entrance, exit, and transition behaviors across cross-team design systems.

How do I handle reduced-motion accessibility in brand animation?

Handling reduced-motion accessibility requires defining specific guidance within your brand motion system. You must map alternative feedback behaviors and disable non-essential movement to ensure interface animations remain accessible for users with motion sensitivities.

Can I use a single motion system for both product and campaign animations?

Yes, a single motion system can apply to both product and campaign animations. It establishes shared motion principles and logo animation rules that maintain a consistent brand personality across diverse marketing surfaces and product interfaces.

What is the best way to document logo animation rules for cross-team implementation?

The best way to document logo animation rules is to map specific motion patterns alongside do and don't examples. Providing an implementation-ready structure with named tokens ensures multiple designers and engineers share consistent animation rules.

Why do my product animations feel inconsistent across different features?

Product animations feel inconsistent when teams lack a shared motion language and defined timing tokens. Establishing a centralized brand motion document standardizes transition, entrance, and feedback behaviors to make scattered motion ideas feel intentional.