home / skills / dylantarre / animation-principles / brand-marketing

brand-marketing skill

/skills/01-by-domain/brand-marketing

This skill helps you apply Disney's 12 animation principles to brand marketing, delivering compelling logo reveals and memorable commercials.

npx playbooks add skill dylantarre/animation-principles --skill brand-marketing

Review the files below or copy the command above to add this skill to your agents.

Files (1)
SKILL.md
5.0 KB
---
name: brand-marketing
description: Use when creating commercial animations, advertising motion, brand identity animation, logo reveals, or marketing video content.
---

# 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
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

| 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

Overview

This skill applies Disney’s 12 principles of animation to commercial and marketing motion—logo reveals, product spots, brand identity animation, and advertising motion. It translates classic animation techniques into practical patterns for timing, staging, and personality-driven motion that align with brand strategy. The guidance targets deliverables across platforms and ensures animations are both memorable and on-brand.

How this skill works

The skill inspects brand personality, timing goals, and platform constraints, then maps the 12 principles to concrete animation choices (eases, arcs, follow-through, exaggeration). It provides reusable frameworks: logo reveal phases, timing ranges per brand archetype, and music-sync rules. Outputs include checklists, timing presets, and pattern recommendations for reveals, transitions, and platform versions.

When to use it

  • Creating logo reveals and brand idents
  • Producing product commercials or feature highlights
  • Designing social video ads and pre-roll spots
  • Adapting animation style to brand personality (luxury, tech, playful)
  • Preparing platform-specific versions and reduced-motion alternatives

Best practices

  • Always stage the product or logo as the visual hero; simplify backgrounds to control focus
  • Choose timing ranges that match brand energy and platform length; sync key frames to musical beats
  • Blend straight-ahead flow for organic scenes with pose-to-pose for key reveals
  • Use follow-through and overlapping to make elements feel alive; stagger settlement of parts
  • Respect brand system: consistent colors, typography, and logo integrity during motion
  • Provide platform-specific holds and a reduced-motion variant for accessibility

Example use cases

  • A 15s social ad: build anticipation (200–400ms), reveal logo (400–800ms), settle, then hold 1.5–2s
  • Tech product launch: sharp 200–400ms timing, geometric arcs, light trails, data-driven transitions
  • Luxury brand hero: slow ease-in/out (500–800ms), minimal motion, long holds for aspirational impact
  • Playful app promo: squash & stretch, overshoot, bouncy timing (300–500ms) synced to upbeat BPM
  • Corporate explainer: balanced 300–500ms timing, grid-aligned slides, clean follow-through

FAQ

How long should a logo reveal be for social?

Aim for a 400–800ms reveal with a 1.5–2s hold on social formats; shorten reveals for bumpers and stories.

How do I choose easing for a premium vs playful brand?

Premium: slow, subtle ease-in/out with minimal bounce. Playful: faster eases with overshoot and squash & stretch for energy.