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