//

Video Fundamentals

Essential concepts for video storytelling: transitions, emotional arcs, and brand identity basics.

Transitions

Transitions guide attention, set pacing, create meaning, and express brand personality.

Cut (No Transition)

Impact: Direct, urgent, energetic, modern
Use: Fast-paced content, related scenes, social media
Avoid: Slow/contemplative content, dramatic changes
Brand: Bold, modern, energetic, youthful

Fade

Fade to Black: Dramatic, final, chapter-ending (0.5-2s)
Fade to White: Hopeful, clean, fresh start (0.5-1.5s)
Cross Fade: Smooth, gentle, connected (0.5-2s)
Use: Major transitions, time passage, emotional moments
Brand: Sophisticated, thoughtful, premium

Slide

Left/Right: Progressive, sequential, forward-moving (0.3-0.8s)
Up/Down: Revealing, building, hierarchical (0.3-0.8s)
Use: Step-by-step content, timelines, before/after
Brand: Modern, organized, systematic

Zoom

Zoom In: Focus, intimacy, discovery
Zoom Out: Context, scale, revelation
Use: Emphasis, scale demonstration, dramatic reveals
Brand: Dynamic, bold, cinematic

Wipe

Impact: Playful, retro, deliberate
Use: Segmented content, retro brands, playful messaging
Avoid: Serious/formal content
Brand: Playful, creative, retro

Morph/Blur

Impact: Surreal, dreamlike, transformation
Use: Abstract concepts, transformations, creative content
Brand: Creative, innovative, artistic

Emotional Arcs

Every effective video takes viewers on an emotional journey.

Problem-Solution Arc

Journey: Frustration → Hope → Relief
Best for: SaaS, services, B2B, productivity tools
Structure: Show problem (0-25%) → Introduce solution (25-65%) → Show results (65-90%) → CTA (90-100%)

Transformation Arc

Journey: Struggle → Journey → Triumph
Best for: Education, wellness, personal development
Structure: Before state (0-20%) → Journey/process (20-70%) → After state (70-90%) → "You can too" (90-100%)

Discovery Arc

Journey: Curiosity → Wonder → Excitement
Best for: Product launches, innovations, creative work
Structure: Intriguing question (0-10%) → Gradual reveal (10-70%) → Full reveal (70-90%) → CTA (90-100%)

Aspiration Arc

Journey: Longing → Possibility → Desire
Best for: Luxury, lifestyle, aspirational brands
Structure: Dream state (0-25%) → Path to achieve (25-65%) → Social proof (65-90%) → CTA (90-100%)

Urgency Arc

Journey: Comfort → Concern → Action
Best for: Limited offers, time-sensitive opportunities
Structure: "Seems fine" (0-15%) → Reveal problem (15-65%) → Consequence (65-85%) → Act now (85-100%)

Empowerment Arc

Journey: Limitation → Capability → Confidence
Best for: Tools, platforms, education
Structure: Show limitation (0-25%) → Show empowerment (25-75%) → Show confidence (75-90%) → CTA (90-100%)

Validation Arc

Journey: Doubt → Recognition → Confidence
Best for: Community-focused brands, support services
Structure: Express doubt (0-25%) → Show community (25-75%) → Collective strength (75-90%) → Join (90-100%)

Surprise Arc

Journey: Expectation → Subversion → Delight
Best for: Creative brands, entertainment, disruptors
Structure: Set expectation (0-35%) → Unexpected twist (35-70%) → Reveal connection (70-85%) → CTA (85-100%)

Reassurance Arc

Journey: Anxiety → Understanding → Calm
Best for: Healthcare, finance, insurance, complex services
Structure: Acknowledge worry (0-20%) → Explain clearly (20-65%) → Show help (65-90%) → Reassure (90-100%)

Momentum Arc

Journey: Static → Movement → Acceleration
Best for: Growth platforms, momentum-based products
Structure: Static state (0-20%) → Movement begins (20-65%) → Acceleration (65-90%) → Join (90-100%)

Choosing the Right Arc

By Objective:

  • Awareness: Discovery, Surprise, Aspiration
  • Consideration: Problem-Solution, Transformation, Empowerment
  • Conversion: Urgency, Validation, Reassurance

By Brand:

  • Bold/Disruptive: Surprise, Urgency, Discovery
  • Trustworthy/Stable: Reassurance, Problem-Solution, Validation
  • Aspirational/Premium: Aspiration, Transformation, Discovery
  • Empowering: Empowerment, Transformation, Momentum

Brand Identity Essentials

Color Associations

Red: Energy, urgency, passion, power (food, sports, entertainment)
Blue: Trust, calm, professionalism, stability (tech, finance, healthcare)
Yellow: Optimism, happiness, attention (food, children's, budget)
Green: Growth, health, nature, wealth (sustainability, health, finance)
Orange: Friendly, creative, affordable, fun (creative, food, budget)
Purple: Luxury, creativity, innovation (beauty, luxury, creative)
Pink: Playful, youthful, modern (beauty, fashion, youth brands)
Black: Sophistication, luxury, power (luxury, premium, modern)
White: Clean, minimal, pure, open (tech, healthcare, minimal)
Gray: Professional, neutral, balanced (corporate, tech, modern)

Typography Signals

Serif: Traditional, established, trustworthy, sophisticated

  • Classic: Academic, journalistic (Times, Garamond)
  • Modern: Elegant, high-fashion (Didot, Bodoni)
  • Slab: Bold, industrial, confident (Rockwell, Courier)

Sans-Serif: Modern, clean, approachable, efficient

  • Geometric: Tech-forward, precise (Futura, Gotham)
  • Humanist: Friendly, warm, readable (Gill Sans, Open Sans)
  • Grotesque: Neutral, professional, timeless (Helvetica, Arial)
  • Neo-Grotesque: Digital-native, contemporary (Inter, Roboto)

Display: Creative, distinctive, bold, memorable

  • Script: Personal, handmade, authentic
  • Decorative: Category-specific, impactful

Video Usage:

  • Headlines: Display or bold sans-serif
  • Body text: Clean sans-serif (readable at small sizes)
  • Luxury: Serif or refined sans
  • Tech: Geometric or neo-grotesque sans
  • Friendly: Humanist sans or rounded fonts

Quick Brand Personality Matrix

PersonalityColorsTypographyTransitions
Bold/ModernRed, black, brightGeometric sans, boldCut, zoom
TrustworthyBlue, gray, whiteGrotesque sans, classic serifFade, cross fade
LuxuryBlack, gold, purpleModern serif, refined sansFade, slow transitions
FriendlyOrange, blue, warmHumanist sans, roundedSlide, cross fade
CreativeVaried, boldDisplay, script, uniqueMorph, wipe, surprise
ProfessionalBlue, gray, neutralGrotesque sans, classic serifCut, fade, minimal
NaturalGreen, brown, earthHumanist sans, organicCross fade, gentle
PlayfulBright, variedRounded sans, playful displayWipe, bounce, energetic