Every premium and members-only resource for $9.99/month, as a no-commitment subscription. See the plans

PalateKit

Sign in
Menu

Request a resource

Describe the resource you are missing in one sentence. We will email you when it is published.

0 / 280

A page, a video or an image online.

Unlock PalateKit

Unlock everything

Plan

Paying means accepting our terms of sale.

Secure payment by Stripe. Receipts and invoices sent by email.

Welcome back

Sign in to install, download or save this resource. A free account is enough for free resources.

Brand motion guidelines v1.0.0

Use this resource to document how a brand or product moves

New

  • 301 downloads
  • 246 likes
  • 115 saves

$4.99

Lifetime access to this resource, with its updates.

Install with the CLI

In a terminal, from the folder you want:

npx --yes palatekit@latest install brand-motion-guidelines

With no option, the skill goes to ~/.agents/skills/; add --agent claude-code (or codex, cursor…) to target an agent.

First time: connect the CLI with

npx --yes palatekit@latest login

The agent writes a seven-part motion guidelines document for your brand: named principles, duration and easing tokens, an entrance and exit library, logo rules, states and accessibility. You get a document that designers and developers can apply without guesswork.

Mostly picked by

Updated November 2, 2026

No preview: generated card

Details

Works in
Install guides
Generates with
Your agent's model
Licence
MIT

Similar resources

View all

What you get

  • SKILL.md: decision tree, tokens, fill-in template, common mistakes
  • full-template.md: complete fill-in document with examples
  • token-reference.md: detailed duration and easing tables
  • dos-and-donts.md: concrete do/don't pairs

Good fit for

  • Giving a product team a shared motion language
  • Delivering a motion charter with a brand identity
  • Adding a reduced-motion section to a design system

Not for

  • Building the animations themselves
  • A single page with no need for a reusable system

Tags

  • motion design
  • brand
  • design system
  • accessibility
  • tokens

About

You say

"Write motion guidelines for my brand: calm, premium tone, web app and marketing site, with an accessibility section."

No preview: generated card

Skill published by iart-ai under the MIT license.

Show more

Prerequisites

You bring
The brand name and tone and The surfaces involved (site, app, video)

How to use it

  1. Copy the skill folder into your agent's skills folder.
  2. Describe your brand, its surfaces and the tone you want.
  3. Review the document, adjust the token values, then share it with the team.

Content preview

Files

  • LICENSE1.1 KB
  • NOTICE-PALATEKIT.md0.4 KB
  • README.md0 KB
  • references/dos-and-donts.md3.2 KB
  • references/full-template.md6.1 KB
  • references/token-reference.md2.7 KB
  • SKILL.md13 KB

Origin and licence

Modified by PalateKit

Author
iart-ai
Source
github.com/iart-ai/freelance-motion-skills/tree/d85c2b484693d0387333c778d9c95230fa1856ce/skills/brand-motion-guidelines
Licence
MIT

Notice

Version modifiée de « brand-motion-guidelines » (iart-ai, MIT) : traduction française et fiche par PalateKit.

User reviews

–

No ratings yet

Loading reviews…

Delete your review?

Your rating and comment will be removed from the page.

Frequently asked questions

Is the output code?

No, it is a structured document. The tokens can then be carried into your CSS or design system.

Do I need the animation-principles and motion-art-direction skills?

No, they are mentioned as optional companions. The skill works on its own.