About brand-marketing
brand-marketing is an animation skill for teams creating commercials, advertisements, and brand identity content. It applies the 12 animation principles to product reveals, logo motion, brand personality, and platform-specific deliverables.
Key features
- 01Applies 12 principles to brand animation
- 02Guides product reveals and logo motion
- 03Adapts motion to brand personality
- 04Provides music-sync and timing guidance
- 05Includes platform and deliverable checklists
Use cases
- 01Planning a product reveal in a commercial
- 02Designing motion for a logo and tagline
- 03Matching animation timing to music
- 04Preparing animation versions for different platforms
Install
Copy the command and run it in a terminal.
npx skills add https:/After installing, type/brand-marketingin Claude Code to confirm it loaded.
Details
From the project READMEBrand 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