Brand marketing

01What is it?
Apply Disney's 12 animation principles to commercials, advertisements, brand identity, and marketing content. What sets it apart is how it narrows brand and messaging into one specific workflow rather than a broad, generic prompt.
02Inputs
Context for brand and messaging: your goals, audience, constraints, and any source material the skill asks for.
03Output
A ready-to-use result for brand and messaging: the analysis, copy, or recommendations the agent produces.
Paste-ready

Install as a package

Installs this one skill package for your coding agent, including any supporting files that skill ships with — not every skill in the repository. Read the tutorial.

Terminal
$ npx skills add dylantarre/animation-principles --skill brand-marketing

Use in Profound

Copy this file into a new Profound Skill. That's it, nothing else to install.

Copy and create in Profound
SKILL.md

Brand Marketing Animation

Apply Disney's 12 animation principles to commercials, advertisements, brand identity, and marketing content.

Quick Reference

PrincipleBrand/Marketing Implementation
Squash & StretchProduct bounce, logo elasticity
AnticipationBuild-up to reveal, suspense
StagingProduct hero shots, focal control
Straight Ahead / Pose to PoseStory flow vs key moments
Follow Through / OverlappingLogo elements settle, tagline delay
Slow In / Slow OutDramatic reveals, smooth motion
ArcSweeping camera, product arcs
Secondary ActionEnvironment responds to product
TimingMatch brand energy, music sync
ExaggerationBrand personality amplification
Solid DrawingConsistent brand identity in motion
AppealMemorable, emotionally resonant

Principle Applications

Squash & Stretch: Products can bounce on landing for energy. Logo elements stretch during reveals. Text can have elastic emphasis. Match brand personality—luxury minimal, playful bouncy.

Anticipation: Build suspense before product reveal. Pause before tagline appears. Sound design wind-up precedes visual payoff. Create expectation, then deliver.

Staging: Product is always the hero. Lighting directs to focal point. Background supports, never competes. Clear visual hierarchy every frame.

Straight Ahead vs Pose to Pose: Story-driven commercials flow naturally (straight ahead energy). Key reveal moments are precisely posed. Blend both—flow to moments of impact.

Follow Through & Overlapping: Logo elements settle at different rates. Tagline appears after logo lands. Product features animate in sequence. Creates natural, alive feeling.

Slow In / Slow Out: Dramatic reveals use long ease-in. Impact moments snap. Premium brands use slower, more deliberate timing. Energetic brands use faster, snappier easing.

Arc: Camera movements sweep in arcs. Products tumble naturally. Logo elements flow, don't snap. Text can follow curved paths for dynamism.

Secondary Action: Environment responds to product presence. Particles, light rays, reflections. Music and motion sync. Every element reinforces the message.

Timing: Match brand energy profile. Luxury: slow, deliberate (500-800ms). Tech: precise, efficient (200-400ms). Playful: bouncy, energetic (300-500ms with overshoot). Sync to music beats.

Exaggeration: Amplify brand personality traits. Confident brands use bold, decisive motion. Friendly brands use rounded, bouncy motion. Exaggeration makes brand memorable.

Solid Drawing: Logo maintains integrity in motion. Brand colors consistent throughout. Typography respects brand guidelines. Motion style matches brand identity system.

Appeal: Animation should evoke target emotion. Trust, excitement, comfort, aspiration. Every motion choice serves brand message. Memorable moments people want to rewatch.

Brand Personality Motion

Luxury/Premium

- Slow, deliberate timing (500-800ms)
- Minimal motion, maximum impact
- Subtle easing, no bounce
- Clean, geometric paths
- Restrained color transitions

Tech/Innovation

- Precise, efficient timing (200-400ms)
- Sharp, decisive motion
- Geometric transitions
- Light trails, particle systems
- Data-driven motion graphics

Playful/Friendly

- Bouncy timing with overshoot (300-500ms)
- Squash and stretch throughout
- Curved, organic paths
- Bright color pops
- Character-driven elements

Professional/Corporate

- Balanced timing (300-500ms)
- Clean, purposeful motion
- Grid-aligned movements
- Fade and slide transitions
- Subtle, refined effects

Logo Animation Framework

PhaseDurationPurpose
Anticipation200-400msBuild expectation
Reveal400-800msMain animation
Settle200-400msFollow-through
Hold1000-2000msBrand recognition

Logo Reveal Patterns

  1. Build-up: Elements assemble into logo
  2. Reveal: Mask or transition exposes logo
  3. Transform: Abstract shape morphs to logo
  4. Kinetic: Logo elements in motion, then resolve

Music Sync Guidelines

  • Major beats: key reveals, impacts
  • Measures: section transitions
  • BPM: drives overall energy
  • Silence: powerful before reveal
  • Sound design: reinforces motion

Platform Timing

PlatformMax LengthLogo Hold
TV Commercial15/30/60s2-3s
Pre-roll6/15s1-2s
Social video15-60s1.5-2s
Stories15s1-1.5s
Bumper6s1s

Deliverables Checklist

  • Animation matches brand guidelines
  • Logo animation approved
  • Timing synced to audio
  • Platform-specific versions
  • Reduced motion alternative
  • Color profile correct
  • Safe area compliance

How do I install Brand marketing in Cursor, Claude Code, or Codex?

Run npx skills add dylantarre/animation-principles --skill brand-marketing in the project where you want it, then ask your agent for the skill by name. The --skill flag installs only Brand marketing, not every skill in the repository.

Where does Brand marketing come from and what license is it under?

Brand marketing comes from the dylantarre/animation-principles repository on GitHub. That repository has 54 GitHub stars. The skill is published under the MIT license.

Prefer plain text? Read the Brand marketing guide as markdown.