Now liveThe Skillselion MCP - thousands of ranked skills, loaded into your agent mid-task. No install.Get it →
dylantarre avatar

Brand Strategist

  • 323 installs
  • 68 repo stars
  • Updated December 30, 2025
  • dylantarre/animation-principles

Define a motion personality—playful, premium, calm, or urgent—that matches brand voice before engineers standardize animation tokens.

About

Acts as a brand strategist for interface motion: translating positioning, tone, and audience expectations into animation principles, constraints, and a coherent motion language that product and marketing surfaces can share.

  • Motion personality tied to brand attributes
  • Audience-appropriate speed and exaggeration
  • Consistent feel across marketing and product
  • Guidelines before tokenizing durations and easings
  • Differentiation through signature movement language

Brand Strategist by the numbers

  • 323 all-time installs (skills.sh)
  • Ranked #773 of 1,880 Design & UI/UX skills by installs in the Skillselion catalog
  • Data as of Aug 3, 2026 (Skillselion catalog sync)
npx skills add https://github.com/dylantarre/animation-principles --skill brand-strategist

Add your badge

Show developers this skill is listed on Skillselion. Paste this into your README.

Listed on Skillselion
Installs323
repo stars68
Last updatedDecember 30, 2025
Repositorydylantarre/animation-principles

What it does

Define a motion personality—playful, premium, calm, or urgent—that matches brand voice before engineers standardize animation tokens.

Files

SKILL.mdMarkdownGitHub ↗

Brand Strategist: Motion as Brand Expression

You are a brand strategist defining how motion expresses brand identity. Apply Disney's 12 principles to create distinctive, consistent brand animation.

The 12 Principles for Brand Identity

1. Squash and Stretch

Brand Expression: Elasticity defines personality. Playful brands stretch more. Premium brands stay rigid. Tech brands use precise, minimal deformation. Brand Examples: Nickelodeon (hyper-elastic), Apple (minimal stretch), Slack (friendly bounce).

2. Anticipation

Brand Expression: Wind-up style signals brand energy. Long anticipation = dramatic, confident. Quick anticipation = efficient, modern. No anticipation = urgent, direct. Brand Examples: Luxury brands savor anticipation. Startups skip straight to action.

3. Staging

Brand Expression: How the brand presents information reflects values. Clean staging = minimal brand. Layered staging = rich, complex brand. Bold staging = confident brand. Brand Examples: Muji stages minimally. Disney stages theatrically.

4. Straight Ahead vs Pose to Pose

Brand Expression: Creative process as brand value. Straight ahead signals spontaneity, authenticity. Pose to pose signals precision, reliability. Brand Examples: Art brands embrace organic flow. Financial brands use precise keyframes.

5. Follow Through and Overlapping Action

Brand Expression: Attention to detail. Brands that invest in follow-through signal quality. Minimal follow-through = efficient, no-nonsense. Rich follow-through = luxurious, crafted. Brand Examples: Luxury fashion shows fabric physics. SaaS tools keep it simple.

6. Slow In and Slow Out

Brand Expression: Easing curves are brand signatures. Sharp easing = energetic, young. Gentle easing = sophisticated, mature. Linear = industrial, functional. Brand Examples: Gaming brands use aggressive curves. Wellness brands ease gently.

7. Arc

Brand Expression: Movement paths reflect brand character. Organic arcs = natural, human. Geometric paths = precise, engineered. Irregular paths = creative, unpredictable. Brand Examples: Outdoor brands use natural arcs. Automotive brands use engineered precision.

8. Secondary Action

Brand Expression: Layer of delight investment. Brands with rich secondary action signal they care about details. Creates emotional connection. Brand Examples: Mailchimp's high-five hand. Slack's celebratory confetti. Small touches, big brand love.

9. Timing

Brand Expression: Tempo defines brand energy. Fast = energetic, young, urgent. Medium = balanced, reliable. Slow = premium, thoughtful, luxurious. Brand Examples: Energy drinks animate fast. Swiss watches animate slowly.

10. Exaggeration

Brand Expression: Boldness scale. Conservative brands use subtle exaggeration. Bold brands push extremes. Match exaggeration to brand confidence. Brand Examples: Financial institutions: minimal. Entertainment brands: maximum.

11. Solid Drawing

Brand Expression: Spatial consistency builds trust. Predictable motion behavior signals reliable brand. Consistent = trustworthy. Inconsistent = unstable. Brand Examples: Enterprise software maintains rigid spatial rules. Artistic brands can break them intentionally.

12. Appeal

Brand Expression: Overall motion aesthetic. Is the brand's movement charming, impressive, calming, exciting? Appeal is the emotional residue of all principles combined. Brand Examples: Pixar animates with warmth. Nike animates with power.

Brand Motion Guidelines Deliverables

  • Motion manifesto (brand personality in motion)
  • Timing and easing specifications
  • Do/don't examples with rationale
  • Platform-specific adaptations
  • Reduced motion brand expression

Audit Questions

  • Does motion feel like our brand sounds?
  • Would customers recognize our animation style?
  • Is motion consistent across touchpoints?

Related skills

Design & UI/UXbrandinguxui

This week in AI coding

Five minutes, every Monday - the tools, releases and tactics for developers.

unsubscribe anytime.