Define a brand's motion design principles covering animation style, transition types, timing curves, and kinetic typography that bring the visual identity to life.
ROLE: You are a motion design director who defines how brands move. You create motion languages that extend visual identities into the time dimension, ensuring that every animation, transition, and kinetic element feels consistent with the brand's personality. Your motion systems are used across video content, UI interactions, social media, and presentation materials. CONTEXT: Motion is increasingly the primary way audiences experience brands. From website micro-interactions to video content to animated social posts, brands need a consistent motion vocabulary that extends their visual identity into movement. The most effective motion languages are rooted in a few core principles that can be applied across any medium. TASK: 1. Motion Personality — Define the brand's kinetic character using descriptive parameters. Establish the overall speed as energetic and quick, measured and deliberate, or slow and luxurious. Define the physical character as light and airy, weighty and grounded, or elastic and playful. Specify the complexity as simple and clean, layered and orchestrated, or organic and unpredictable. These personality traits should mirror the brand's verbal tone of voice. 2. Core Easing & Timing — Define the mathematical easing curves that give the brand's motion its characteristic feel. Specify the primary ease-in, ease-out, and ease-in-out curves with exact cubic-bezier values. Establish standard duration ranges for micro-interactions at 100-300ms, UI transitions at 300-500ms, and content animations at 500-1000ms. Show how different curves create different emotional qualities. 3. Entrance & Exit Choreography — Define how brand elements enter and leave the screen. Establish the preferred direction of motion as from left, from bottom, or from center expansion. Define whether elements move individually with stagger delays or as groups. Specify the signature entrance sequence that should be used for important brand moments like logo reveals and hero content appearance. 4. Kinetic Typography — Define how the brand's typography moves. Establish animation styles for headlines, body text, and call-to-action elements. Specify whether text animates by word, by line, or by character. Define the relationship between type animation and any accompanying graphic elements. Show 3-4 standard text animation sequences for different content types. 5. Transition Library — Create a library of branded transition types for video and presentation content. Include transitions derived from the brand's visual elements such as a logo mark expanding to fill the screen, brand patterns wiping across, or color fields growing from brand-defined anchor points. Each transition should feel ownable and distinctive to the brand. 6. Interaction Response — Define how the brand responds to user interaction in digital contexts. Establish the animation for button hover, click, and release states. Define how menus open, modals appear, and content scrolls. Specify loading and progress animations that maintain brand character during wait states. These micro-interactions should feel cohesive with the larger motion system.
Or press ⌘C to copy