brand-marketing

Brand Marketing Animation

Safety Notice

This listing is imported from skills.sh public index metadata. Review upstream SKILL.md and repository scripts before running.

Copy this and send it to your AI assistant to learn

Install skill "brand-marketing" with this command: npx skills add dylantarre/animation-principles/dylantarre-animation-principles-brand-marketing

Brand Marketing Animation

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

Quick Reference

Principle Brand/Marketing Implementation

Squash & Stretch Product bounce, logo elasticity

Anticipation Build-up to reveal, suspense

Staging Product hero shots, focal control

Straight Ahead / Pose to Pose Story flow vs key moments

Follow Through / Overlapping Logo elements settle, tagline delay

Slow In / Slow Out Dramatic reveals, smooth motion

Arc Sweeping camera, product arcs

Secondary Action Environment responds to product

Timing Match brand energy, music sync

Exaggeration Brand personality amplification

Solid Drawing Consistent brand identity in motion

Appeal Memorable, 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

Phase Duration Purpose

Anticipation 200-400ms Build expectation

Reveal 400-800ms Main animation

Settle 200-400ms Follow-through

Hold 1000-2000ms Brand recognition

Logo Reveal Patterns

  • Build-up: Elements assemble into logo

  • Reveal: Mask or transition exposes logo

  • Transform: Abstract shape morphs to logo

  • 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

Platform Max Length Logo Hold

TV Commercial 15/30/60s 2-3s

Pre-roll 6/15s 1-2s

Social video 15-60s 1.5-2s

Stories 15s 1-1.5s

Bumper 6s 1s

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

Source Transparency

This detail page is rendered from real SKILL.md content. Trust labels are metadata-based hints, not a safety guarantee.

Related Skills

Related by shared tags or category signals.

General

mobile-touch

No summary provided by upstream source.

Repository SourceNeeds Review
General

motion-designer

No summary provided by upstream source.

Repository SourceNeeds Review
General

video-motion-graphics

No summary provided by upstream source.

Repository SourceNeeds Review
General

micro-interactions

No summary provided by upstream source.

Repository SourceNeeds Review