@editframe/create 0.44.0 → 0.45.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +16 -28
- package/dist/index.js.map +1 -1
- package/dist/skills/editframe-brand-video-generator/README.md +155 -0
- package/dist/skills/editframe-brand-video-generator/SKILL.md +207 -0
- package/dist/skills/editframe-brand-video-generator/references/brand-examples.md +178 -0
- package/dist/skills/editframe-brand-video-generator/references/color-psychology.md +227 -0
- package/dist/skills/editframe-brand-video-generator/references/composition-patterns.md +383 -0
- package/dist/skills/editframe-brand-video-generator/references/editing.md +66 -0
- package/dist/skills/editframe-brand-video-generator/references/emotional-arcs.md +496 -0
- package/dist/skills/editframe-brand-video-generator/references/genre-selection.md +135 -0
- package/dist/skills/editframe-brand-video-generator/references/transition-styles.md +611 -0
- package/dist/skills/editframe-brand-video-generator/references/typography-personalities.md +326 -0
- package/dist/skills/editframe-brand-video-generator/references/video-archetypes.md +86 -0
- package/dist/skills/editframe-brand-video-generator/references/video-fundamentals.md +169 -0
- package/dist/skills/editframe-brand-video-generator/references/visual-metaphors.md +50 -0
- package/dist/skills/editframe-composition/SKILL.md +169 -0
- package/dist/skills/editframe-composition/references/audio.md +483 -0
- package/dist/skills/editframe-composition/references/captions.md +844 -0
- package/dist/skills/editframe-composition/references/composition-model.md +73 -0
- package/dist/skills/editframe-composition/references/configuration.md +403 -0
- package/dist/skills/editframe-composition/references/css-parts.md +105 -0
- package/dist/skills/editframe-composition/references/css-variables.md +640 -0
- package/dist/skills/editframe-composition/references/entry-points.md +810 -0
- package/dist/skills/editframe-composition/references/events.md +499 -0
- package/dist/skills/editframe-composition/references/getting-started.md +259 -0
- package/dist/skills/editframe-composition/references/hooks.md +234 -0
- package/dist/skills/editframe-composition/references/image.md +241 -0
- package/dist/skills/editframe-composition/references/r3f.md +580 -0
- package/dist/skills/editframe-composition/references/render-api.md +484 -0
- package/dist/skills/editframe-composition/references/render-strategies.md +119 -0
- package/dist/skills/editframe-composition/references/render-to-video.md +1101 -0
- package/dist/skills/editframe-composition/references/scripting.md +606 -0
- package/dist/skills/editframe-composition/references/sequencing.md +116 -0
- package/dist/skills/editframe-composition/references/server-rendering.md +753 -0
- package/dist/skills/editframe-composition/references/surface.md +329 -0
- package/dist/skills/editframe-composition/references/text.md +627 -0
- package/dist/skills/editframe-composition/references/time-model.md +99 -0
- package/dist/skills/editframe-composition/references/timegroup-modes.md +102 -0
- package/dist/skills/editframe-composition/references/timegroup.md +457 -0
- package/dist/skills/editframe-composition/references/timeline-root.md +398 -0
- package/dist/skills/editframe-composition/references/transcription.md +47 -0
- package/dist/skills/editframe-composition/references/transitions.md +608 -0
- package/dist/skills/editframe-composition/references/use-media-info.md +357 -0
- package/dist/skills/editframe-composition/references/video.md +506 -0
- package/dist/skills/editframe-composition/references/waveform.md +327 -0
- package/dist/skills/editframe-editor-gui/SKILL.md +152 -0
- package/dist/skills/editframe-editor-gui/references/active-root-temporal.md +657 -0
- package/dist/skills/editframe-editor-gui/references/canvas.md +947 -0
- package/dist/skills/editframe-editor-gui/references/controls.md +366 -0
- package/dist/skills/editframe-editor-gui/references/dial.md +756 -0
- package/dist/skills/editframe-editor-gui/references/editor-toolkit.md +587 -0
- package/dist/skills/editframe-editor-gui/references/filmstrip.md +460 -0
- package/dist/skills/editframe-editor-gui/references/fit-scale.md +772 -0
- package/dist/skills/editframe-editor-gui/references/focus-overlay.md +561 -0
- package/dist/skills/editframe-editor-gui/references/hierarchy.md +544 -0
- package/dist/skills/editframe-editor-gui/references/overlay-item.md +634 -0
- package/dist/skills/editframe-editor-gui/references/overlay-layer.md +429 -0
- package/dist/skills/editframe-editor-gui/references/pan-zoom.md +568 -0
- package/dist/skills/editframe-editor-gui/references/pause.md +397 -0
- package/dist/skills/editframe-editor-gui/references/play.md +370 -0
- package/dist/skills/editframe-editor-gui/references/preview.md +391 -0
- package/dist/skills/editframe-editor-gui/references/resizable-box.md +749 -0
- package/dist/skills/editframe-editor-gui/references/scrubber.md +588 -0
- package/dist/skills/editframe-editor-gui/references/thumbnail-strip.md +566 -0
- package/dist/skills/editframe-editor-gui/references/time-display.md +492 -0
- package/dist/skills/editframe-editor-gui/references/timeline-ruler.md +489 -0
- package/dist/skills/editframe-editor-gui/references/timeline.md +604 -0
- package/dist/skills/editframe-editor-gui/references/toggle-loop.md +618 -0
- package/dist/skills/editframe-editor-gui/references/toggle-play.md +526 -0
- package/dist/skills/editframe-editor-gui/references/transform-handles.md +924 -0
- package/dist/skills/editframe-editor-gui/references/trim-handles.md +725 -0
- package/dist/skills/editframe-editor-gui/references/workbench.md +453 -0
- package/dist/skills/editframe-motion-design/SKILL.md +101 -0
- package/dist/skills/editframe-motion-design/references/0-editframe.md +299 -0
- package/dist/skills/editframe-motion-design/references/1-intent.md +201 -0
- package/dist/skills/editframe-motion-design/references/2-physics-model.md +405 -0
- package/dist/skills/editframe-motion-design/references/3-attention.md +350 -0
- package/dist/skills/editframe-motion-design/references/4-process.md +418 -0
- package/dist/skills/editframe-vite-plugin/SKILL.md +75 -0
- package/dist/skills/editframe-vite-plugin/references/file-api.md +111 -0
- package/dist/skills/editframe-vite-plugin/references/getting-started.md +96 -0
- package/dist/skills/editframe-vite-plugin/references/jit-transcoding.md +91 -0
- package/dist/skills/editframe-vite-plugin/references/local-assets.md +75 -0
- package/dist/skills/editframe-vite-plugin/references/visual-testing.md +136 -0
- package/dist/skills/editframe-webhooks/SKILL.md +126 -0
- package/dist/skills/editframe-webhooks/references/events.md +382 -0
- package/dist/skills/editframe-webhooks/references/getting-started.md +232 -0
- package/dist/skills/editframe-webhooks/references/security.md +418 -0
- package/dist/skills/editframe-webhooks/references/testing.md +409 -0
- package/dist/skills/editframe-webhooks/references/troubleshooting.md +457 -0
- package/dist/templates/html/AGENTS.md +13 -0
- package/dist/templates/react/AGENTS.md +13 -0
- package/dist/utils.js +15 -16
- package/dist/utils.js.map +1 -1
- package/package.json +1 -1
- package/tsdown.config.ts +4 -0
- package/dist/detectAgent.js +0 -89
- package/dist/detectAgent.js.map +0 -1
|
@@ -0,0 +1,496 @@
|
|
|
1
|
+
---
|
|
2
|
+
title: Emotional Arcs
|
|
3
|
+
description: "Proven narrative arc structures for guiding viewer emotion through a video: tension, release, and resolution patterns."
|
|
4
|
+
type: explanation
|
|
5
|
+
order: 5
|
|
6
|
+
---
|
|
7
|
+
|
|
8
|
+
# Emotional Arcs for Video
|
|
9
|
+
|
|
10
|
+
Proven narrative structures that guide viewer emotions through video content.
|
|
11
|
+
|
|
12
|
+
## Why Emotional Arcs Matter
|
|
13
|
+
|
|
14
|
+
Every effective video takes the viewer on an emotional journey. The arc determines:
|
|
15
|
+
- **Engagement**: Whether viewer keeps watching
|
|
16
|
+
- **Memory**: Whether message sticks
|
|
17
|
+
- **Action**: Whether viewer responds to CTA
|
|
18
|
+
|
|
19
|
+
Without an intentional arc, videos feel flat or confusing.
|
|
20
|
+
|
|
21
|
+
## The Three-Act Structure
|
|
22
|
+
|
|
23
|
+
### Act 1: Setup (First 25%)
|
|
24
|
+
**Purpose**: Establish context, hook attention
|
|
25
|
+
**Emotion**: Curiosity, recognition, or tension
|
|
26
|
+
**What happens**: Introduce problem, character, or question
|
|
27
|
+
|
|
28
|
+
### Act 2: Development (Middle 50%)
|
|
29
|
+
**Purpose**: Build understanding, create investment
|
|
30
|
+
**Emotion**: Interest, concern, hope, or excitement
|
|
31
|
+
**What happens**: Explore problem, show solution, build case
|
|
32
|
+
|
|
33
|
+
### Act 3: Resolution (Final 25%)
|
|
34
|
+
**Purpose**: Deliver payoff, inspire action
|
|
35
|
+
**Emotion**: Satisfaction, inspiration, or urgency
|
|
36
|
+
**What happens**: Resolve tension, show outcome, call to action
|
|
37
|
+
|
|
38
|
+
## Core Emotional Arc Patterns
|
|
39
|
+
|
|
40
|
+
### 1. The Problem-Solution Arc
|
|
41
|
+
|
|
42
|
+
**Emotional Journey**: Frustration → Hope → Relief
|
|
43
|
+
|
|
44
|
+
**Structure**:
|
|
45
|
+
- **Start**: Frustrated with current situation
|
|
46
|
+
- **Middle**: Hopeful about solution
|
|
47
|
+
- **End**: Relieved and empowered
|
|
48
|
+
|
|
49
|
+
**Best for**: SaaS, services, B2B, productivity tools
|
|
50
|
+
|
|
51
|
+
**Example (60s video)**:
|
|
52
|
+
- 0-15s: Show frustrating problem (viewer feels "yes, that's me")
|
|
53
|
+
- 15-40s: Introduce solution (viewer feels "this could work")
|
|
54
|
+
- 40-55s: Show it working (viewer feels "I need this")
|
|
55
|
+
- 55-60s: CTA (viewer feels "let's do it")
|
|
56
|
+
|
|
57
|
+
**Common mistake**: Not making problem painful enough - viewer won't care about solution
|
|
58
|
+
|
|
59
|
+
**Timing mistake**: Cutting to the solution before the problem scene reaches peak intensity. If using an accumulation animation (waste piling, errors mounting), hold the scene 1-2 seconds past the visual climax. The viewer needs to sit in discomfort before relief is offered. Quantifying the problem with specific numbers ('11 million tons/year', '85% ends up in landfill') deepens the initial state and makes the transition to hope feel earned rather than rushed.
|
|
60
|
+
|
|
61
|
+
**Reveal scenes require contrast setup:** When a scene contains a surprising or counter-normative claim (e.g., '100% of profits donated'), the previous scene must establish the norm being violated. Show what competitors/industry typically does FIRST, then reveal the difference. Visual techniques for earned reveals:
|
|
62
|
+
- Numeric contrast: show industry average before the brand's number
|
|
63
|
+
- Visual pause: insert a 0.5-1s beat of stillness before the reveal text animates
|
|
64
|
+
- Scale visualization: don't just state the percentage — show it spatially (a bar filling completely vs. partially)
|
|
65
|
+
- Animation escalation: the reveal scene should have MORE visual energy than preceding scenes, not the same
|
|
66
|
+
|
|
67
|
+
**Landing the reveal with magnitude:** A percentage or mechanism alone doesn't create emotional impact—scale does. When revealing a counter-normative claim, the final beat must concretize the magnitude:
|
|
68
|
+
- Cumulative totals: '$X million since founding', 'Y acres protected', 'Z tons diverted'
|
|
69
|
+
- Specific outcomes: Name the grants, the land parcels, the species, the communities
|
|
70
|
+
- Temporal scale: Show accumulation over time (counter ticking, map filling, timeline extending)
|
|
71
|
+
- Human/environmental anchors: One protected watershed beats 'environmental causes'; one employee grant story beats 'employee programs'
|
|
72
|
+
|
|
73
|
+
The test: Does the viewer leave with a number or image they could repeat to someone else? If the reveal is abstract ('100% goes to causes'), the arc informs but doesn't land.
|
|
74
|
+
|
|
75
|
+
---
|
|
76
|
+
|
|
77
|
+
### 2. The Transformation Arc
|
|
78
|
+
|
|
79
|
+
**Emotional Journey**: Struggle → Journey → Triumph
|
|
80
|
+
|
|
81
|
+
**Structure**:
|
|
82
|
+
- **Start**: Struggling, stuck, limited
|
|
83
|
+
- **Middle**: Working, learning, growing
|
|
84
|
+
- **End**: Successful, capable, transformed
|
|
85
|
+
|
|
86
|
+
**Best for**: Education, wellness, personal development, fitness
|
|
87
|
+
|
|
88
|
+
**Example (90s video)**:
|
|
89
|
+
- 0-20s: Show "before" state (viewer relates to struggle)
|
|
90
|
+
- 20-60s: Show journey and process (viewer sees possibility)
|
|
91
|
+
- 60-80s: Show "after" state (viewer feels inspired)
|
|
92
|
+
- 80-90s: "You can too" CTA (viewer feels motivated)
|
|
93
|
+
|
|
94
|
+
**Common mistake**: Skipping the journey - transformation seems unattainable
|
|
95
|
+
|
|
96
|
+
---
|
|
97
|
+
|
|
98
|
+
### 3. The Discovery Arc
|
|
99
|
+
|
|
100
|
+
**Emotional Journey**: Curiosity → Wonder → Excitement
|
|
101
|
+
|
|
102
|
+
**Structure**:
|
|
103
|
+
- **Start**: Intrigued by question or mystery
|
|
104
|
+
- **Middle**: Discovering something new
|
|
105
|
+
- **End**: Excited to explore more
|
|
106
|
+
|
|
107
|
+
**Best for**: Product launches, innovations, creative work
|
|
108
|
+
|
|
109
|
+
**Example (45s video)**:
|
|
110
|
+
- 0-5s: Pose intriguing question (viewer curious)
|
|
111
|
+
- 5-30s: Reveal answer gradually (viewer engaged)
|
|
112
|
+
- 30-40s: Full reveal (viewer excited)
|
|
113
|
+
- 40-45s: "Experience it" CTA (viewer eager)
|
|
114
|
+
|
|
115
|
+
**Common mistake**: Revealing too early - kills curiosity
|
|
116
|
+
|
|
117
|
+
---
|
|
118
|
+
|
|
119
|
+
### 4. The Aspiration Arc
|
|
120
|
+
|
|
121
|
+
**Emotional Journey**: Longing → Possibility → Desire
|
|
122
|
+
|
|
123
|
+
**Structure**:
|
|
124
|
+
- **Start**: Show desirable outcome
|
|
125
|
+
- **Middle**: Show it's achievable
|
|
126
|
+
- **End**: Inspire action toward it
|
|
127
|
+
|
|
128
|
+
**Best for**: Luxury, lifestyle, aspirational brands, real estate
|
|
129
|
+
|
|
130
|
+
**Example (60s video)**:
|
|
131
|
+
- 0-15s: Show dream state (viewer wants this)
|
|
132
|
+
- 15-40s: Show path to get there (viewer sees possibility)
|
|
133
|
+
- 40-55s: Show others who achieved it (viewer believes)
|
|
134
|
+
- 55-60s: "Start your journey" CTA (viewer motivated)
|
|
135
|
+
|
|
136
|
+
**Common mistake**: Making it feel unattainable - viewer gives up
|
|
137
|
+
|
|
138
|
+
---
|
|
139
|
+
|
|
140
|
+
### 5. The Urgency Arc
|
|
141
|
+
|
|
142
|
+
**Emotional Journey**: Comfort → Concern → Action
|
|
143
|
+
|
|
144
|
+
**Structure**:
|
|
145
|
+
- **Start**: Things seem fine
|
|
146
|
+
- **Middle**: Reveal hidden problem or opportunity
|
|
147
|
+
- **End**: Urgent need to act now
|
|
148
|
+
|
|
149
|
+
**Best for**: Limited offers, important causes, time-sensitive opportunities
|
|
150
|
+
|
|
151
|
+
**Example (30s video)**:
|
|
152
|
+
- 0-5s: "Everything seems fine, but..." (viewer alert)
|
|
153
|
+
- 5-20s: Reveal what they're missing (viewer concerned)
|
|
154
|
+
- 20-25s: Show consequence of inaction (viewer worried)
|
|
155
|
+
- 25-30s: "Act now" CTA (viewer motivated)
|
|
156
|
+
|
|
157
|
+
**Common mistake**: Creating false urgency - viewer feels manipulated
|
|
158
|
+
|
|
159
|
+
---
|
|
160
|
+
|
|
161
|
+
### 6. The Empowerment Arc
|
|
162
|
+
|
|
163
|
+
**Emotional Journey**: Limitation → Capability → Confidence
|
|
164
|
+
|
|
165
|
+
**Structure**:
|
|
166
|
+
- **Start**: Feeling limited or dependent
|
|
167
|
+
- **Middle**: Gaining tools and knowledge
|
|
168
|
+
- **End**: Feeling capable and confident
|
|
169
|
+
|
|
170
|
+
**Best for**: Tools, platforms, education, empowerment brands
|
|
171
|
+
|
|
172
|
+
**Example (60s video)**:
|
|
173
|
+
- 0-15s: Show limitation (viewer relates)
|
|
174
|
+
- 15-45s: Show how tool empowers (viewer sees potential)
|
|
175
|
+
- 45-55s: Show confident user (viewer inspired)
|
|
176
|
+
- 55-60s: "Take control" CTA (viewer ready)
|
|
177
|
+
|
|
178
|
+
**Common mistake**: Making tool seem complicated - defeats empowerment message
|
|
179
|
+
|
|
180
|
+
---
|
|
181
|
+
|
|
182
|
+
### 7. The Validation Arc
|
|
183
|
+
|
|
184
|
+
**Emotional Journey**: Doubt → Recognition → Confidence
|
|
185
|
+
|
|
186
|
+
**Structure**:
|
|
187
|
+
- **Start**: Feeling uncertain or alone
|
|
188
|
+
- **Middle**: Seeing others like them
|
|
189
|
+
- **End**: Feeling validated and confident
|
|
190
|
+
|
|
191
|
+
**Best for**: Community-focused brands, support services, social causes
|
|
192
|
+
|
|
193
|
+
**Example (60s video)**:
|
|
194
|
+
- 0-15s: Express common doubt (viewer feels understood)
|
|
195
|
+
- 15-45s: Show community of similar people (viewer feels less alone)
|
|
196
|
+
- 45-55s: Show collective strength (viewer feels validated)
|
|
197
|
+
- 55-60s: "Join us" CTA (viewer wants to belong)
|
|
198
|
+
|
|
199
|
+
**Common mistake**: Not making viewer feel truly seen
|
|
200
|
+
|
|
201
|
+
---
|
|
202
|
+
|
|
203
|
+
### 8. The Surprise Arc
|
|
204
|
+
|
|
205
|
+
**Emotional Journey**: Expectation → Subversion → Delight
|
|
206
|
+
|
|
207
|
+
**Structure**:
|
|
208
|
+
- **Start**: Set up expectation
|
|
209
|
+
- **Middle**: Subvert it in clever way
|
|
210
|
+
- **End**: Delighted by twist
|
|
211
|
+
|
|
212
|
+
**Best for**: Creative brands, entertainment, disruptive companies
|
|
213
|
+
|
|
214
|
+
**Example (30s video)**:
|
|
215
|
+
- 0-10s: Set up familiar scenario (viewer has expectation)
|
|
216
|
+
- 10-20s: Unexpected twist (viewer surprised)
|
|
217
|
+
- 20-25s: Reveal connection to brand (viewer delighted)
|
|
218
|
+
- 25-30s: CTA (viewer engaged)
|
|
219
|
+
|
|
220
|
+
**Common mistake**: Twist feels random - not connected to message
|
|
221
|
+
|
|
222
|
+
---
|
|
223
|
+
|
|
224
|
+
### 9. The Reassurance Arc
|
|
225
|
+
|
|
226
|
+
**Emotional Journey**: Anxiety → Understanding → Calm
|
|
227
|
+
|
|
228
|
+
**Structure**:
|
|
229
|
+
- **Start**: Acknowledge worry or fear
|
|
230
|
+
- **Middle**: Explain and educate
|
|
231
|
+
- **End**: Provide comfort and solution
|
|
232
|
+
|
|
233
|
+
**Best for**: Healthcare, finance, insurance, complex services
|
|
234
|
+
|
|
235
|
+
**Example (75s video)**:
|
|
236
|
+
- 0-15s: Acknowledge common anxiety (viewer feels understood)
|
|
237
|
+
- 15-50s: Explain clearly and simply (viewer gains understanding)
|
|
238
|
+
- 50-70s: Show how you help (viewer feels reassured)
|
|
239
|
+
- 70-75s: "We're here" CTA (viewer feels safe)
|
|
240
|
+
|
|
241
|
+
**Common mistake**: Dismissing anxiety instead of acknowledging it
|
|
242
|
+
|
|
243
|
+
---
|
|
244
|
+
|
|
245
|
+
### 10. The Momentum Arc
|
|
246
|
+
|
|
247
|
+
**Emotional Journey**: Static → Movement → Acceleration
|
|
248
|
+
|
|
249
|
+
**Structure**:
|
|
250
|
+
- **Start**: Things are still or slow
|
|
251
|
+
- **Middle**: Movement begins
|
|
252
|
+
- **End**: Rapid progress and excitement
|
|
253
|
+
|
|
254
|
+
**Best for**: Growth platforms, momentum-based products, startups
|
|
255
|
+
|
|
256
|
+
**Example (45s video)**:
|
|
257
|
+
- 0-10s: Show static state (viewer relates to being stuck)
|
|
258
|
+
- 10-30s: Show movement starting (viewer feels possibility)
|
|
259
|
+
- 30-40s: Show acceleration (viewer excited)
|
|
260
|
+
- 40-45s: "Join the momentum" CTA (viewer energized)
|
|
261
|
+
|
|
262
|
+
**Common mistake**: Not showing clear progression
|
|
263
|
+
|
|
264
|
+
---
|
|
265
|
+
|
|
266
|
+
## Choosing the Right Arc
|
|
267
|
+
|
|
268
|
+
### By Video Objective
|
|
269
|
+
|
|
270
|
+
**Awareness**: Discovery, Surprise, Aspiration
|
|
271
|
+
**Consideration**: Problem-Solution, Transformation, Empowerment
|
|
272
|
+
**Conversion**: Urgency, Validation, Reassurance
|
|
273
|
+
**Retention**: Empowerment, Validation, Momentum
|
|
274
|
+
|
|
275
|
+
### By Brand Personality
|
|
276
|
+
|
|
277
|
+
**Bold/Disruptive**: Surprise, Urgency, Discovery
|
|
278
|
+
**Trustworthy/Stable**: Reassurance, Problem-Solution, Validation
|
|
279
|
+
**Aspirational/Premium**: Aspiration, Transformation, Discovery
|
|
280
|
+
**Empowering/Enabling**: Empowerment, Transformation, Momentum
|
|
281
|
+
**Community-Focused**: Validation, Transformation, Empowerment
|
|
282
|
+
|
|
283
|
+
### By Audience State
|
|
284
|
+
|
|
285
|
+
**Unaware of problem**: Discovery, Urgency
|
|
286
|
+
**Aware but skeptical**: Validation, Reassurance, Problem-Solution
|
|
287
|
+
**Ready to act**: Empowerment, Momentum, Urgency
|
|
288
|
+
**Seeking inspiration**: Aspiration, Transformation, Discovery
|
|
289
|
+
|
|
290
|
+
## Combining Arcs
|
|
291
|
+
|
|
292
|
+
For longer videos (90s+), you can combine arcs:
|
|
293
|
+
|
|
294
|
+
### Problem-Solution + Transformation
|
|
295
|
+
- Start: Frustration with problem
|
|
296
|
+
- Middle: Solution + journey of using it
|
|
297
|
+
- End: Transformed state
|
|
298
|
+
|
|
299
|
+
### Discovery + Aspiration
|
|
300
|
+
- Start: Curiosity about something new
|
|
301
|
+
- Middle: Reveal what's possible
|
|
302
|
+
- End: Desire to achieve it
|
|
303
|
+
|
|
304
|
+
### Validation + Empowerment
|
|
305
|
+
- Start: Feeling alone in challenge
|
|
306
|
+
- Middle: Community of others + tools to help
|
|
307
|
+
- End: Confident and capable
|
|
308
|
+
|
|
309
|
+
## Pacing the Emotional Arc
|
|
310
|
+
|
|
311
|
+
### Fast Arc (15-30s)
|
|
312
|
+
- **Quick hook** (2-3s): Immediate emotion
|
|
313
|
+
- **Rapid development** (10-20s): Fast progression
|
|
314
|
+
- **Punchy resolution** (3-5s): Clear payoff
|
|
315
|
+
|
|
316
|
+
**Best for**: Social media, ads, simple messages
|
|
317
|
+
|
|
318
|
+
### Medium Arc (30-60s)
|
|
319
|
+
- **Clear hook** (5-10s): Establish emotion
|
|
320
|
+
- **Developed middle** (20-40s): Build journey
|
|
321
|
+
- **Satisfying resolution** (5-10s): Strong payoff
|
|
322
|
+
|
|
323
|
+
**Best for**: Most commercial video, balanced approach
|
|
324
|
+
|
|
325
|
+
### Slow Arc (60-120s)
|
|
326
|
+
- **Establishing hook** (10-20s): Set context deeply
|
|
327
|
+
- **Rich development** (40-80s): Full journey
|
|
328
|
+
- **Resonant resolution** (10-20s): Emotional payoff
|
|
329
|
+
|
|
330
|
+
**Best for**: Storytelling, complex ideas, emotional content
|
|
331
|
+
|
|
332
|
+
## Emotional Intensity
|
|
333
|
+
|
|
334
|
+
### Building Intensity
|
|
335
|
+
Start lower, build to peak, resolve higher than start.
|
|
336
|
+
|
|
337
|
+
```
|
|
338
|
+
Emotion
|
|
339
|
+
^
|
|
340
|
+
| /\
|
|
341
|
+
| / \___
|
|
342
|
+
| _____/
|
|
343
|
+
|___/
|
|
344
|
+
+----------------> Time
|
|
345
|
+
```
|
|
346
|
+
|
|
347
|
+
**Best for**: Most videos - natural arc
|
|
348
|
+
|
|
349
|
+
### Sustained High Intensity
|
|
350
|
+
Start high, maintain, end high.
|
|
351
|
+
|
|
352
|
+
```
|
|
353
|
+
Emotion
|
|
354
|
+
^
|
|
355
|
+
| _______________
|
|
356
|
+
| / \
|
|
357
|
+
|/ \
|
|
358
|
+
|
|
|
359
|
+
+----------------> Time
|
|
360
|
+
```
|
|
361
|
+
|
|
362
|
+
**Best for**: Urgent messages, high-energy brands, short videos
|
|
363
|
+
|
|
364
|
+
### Roller Coaster
|
|
365
|
+
Multiple peaks and valleys.
|
|
366
|
+
|
|
367
|
+
```
|
|
368
|
+
Emotion
|
|
369
|
+
^
|
|
370
|
+
| /\ /\ /\
|
|
371
|
+
| / \ / \ / \
|
|
372
|
+
|/ \/ \/ \
|
|
373
|
+
|
|
|
374
|
+
+----------------> Time
|
|
375
|
+
```
|
|
376
|
+
|
|
377
|
+
**Best for**: Longer videos, complex stories, entertainment
|
|
378
|
+
|
|
379
|
+
## Testing Your Emotional Arc
|
|
380
|
+
|
|
381
|
+
Ask these questions:
|
|
382
|
+
|
|
383
|
+
1. **Clear starting emotion?** Viewer should feel something specific at start
|
|
384
|
+
2. **Intentional progression?** Emotion should change deliberately
|
|
385
|
+
3. **Satisfying resolution?** Viewer should feel payoff
|
|
386
|
+
4. **Matches brand?** Arc should align with brand personality
|
|
387
|
+
5. **Serves objective?** Arc should support video goal
|
|
388
|
+
|
|
389
|
+
## Common Mistakes
|
|
390
|
+
|
|
391
|
+
### Starting Too High
|
|
392
|
+
If you start at peak emotion, nowhere to go. Start lower to allow build.
|
|
393
|
+
|
|
394
|
+
### No Progression
|
|
395
|
+
If emotion is flat throughout, video feels boring. Must have change.
|
|
396
|
+
|
|
397
|
+
### Unearned Resolution
|
|
398
|
+
If you don't build properly, resolution feels hollow. Journey matters.
|
|
399
|
+
|
|
400
|
+
### Wrong Arc for Objective
|
|
401
|
+
Aspiration arc won't drive urgent conversion. Match arc to goal.
|
|
402
|
+
|
|
403
|
+
### Ignoring Brand Personality
|
|
404
|
+
Surprise arc for conservative brand feels off. Stay true to brand.
|
|
405
|
+
|
|
406
|
+
### Too Many Peaks
|
|
407
|
+
Multiple emotional peaks in short video exhausts viewer. One clear arc.
|
|
408
|
+
|
|
409
|
+
## Arc + Visual Style
|
|
410
|
+
|
|
411
|
+
The emotional arc should be reinforced by visual choices:
|
|
412
|
+
|
|
413
|
+
### Problem-Solution Arc
|
|
414
|
+
- **Problem**: Darker, desaturated, confined spaces
|
|
415
|
+
- **Solution**: Brighter, saturated, open spaces
|
|
416
|
+
|
|
417
|
+
### Transformation Arc
|
|
418
|
+
- **Before**: Muted colors, static shots
|
|
419
|
+
- **After**: Vibrant colors, dynamic movement
|
|
420
|
+
|
|
421
|
+
### Discovery Arc
|
|
422
|
+
- **Start**: Mysterious, partial reveals
|
|
423
|
+
- **End**: Full reveals, bright, clear
|
|
424
|
+
|
|
425
|
+
### Aspiration Arc
|
|
426
|
+
- **Throughout**: Beautiful, aspirational imagery
|
|
427
|
+
- **Intensifying**: More impressive as video progresses
|
|
428
|
+
|
|
429
|
+
### Urgency Arc
|
|
430
|
+
- **Start**: Calm
|
|
431
|
+
- **Middle**: Increasing tension (faster cuts, tighter shots)
|
|
432
|
+
- **End**: Peak urgency (rapid pace, direct address)
|
|
433
|
+
|
|
434
|
+
## Arc + Music
|
|
435
|
+
|
|
436
|
+
Music should follow and enhance the emotional arc:
|
|
437
|
+
|
|
438
|
+
### Building Arc
|
|
439
|
+
Music should crescendo with emotion, peak at climax
|
|
440
|
+
|
|
441
|
+
### Sustained Arc
|
|
442
|
+
Consistent energy level, driving rhythm
|
|
443
|
+
|
|
444
|
+
### Transformation Arc
|
|
445
|
+
Music should shift character from before to after
|
|
446
|
+
|
|
447
|
+
### Discovery Arc
|
|
448
|
+
Music should build wonder and excitement
|
|
449
|
+
|
|
450
|
+
### Reassurance Arc
|
|
451
|
+
Music should move from tense to calm
|
|
452
|
+
|
|
453
|
+
## Quick Reference
|
|
454
|
+
|
|
455
|
+
| Arc | Start | Middle | End | Best For |
|
|
456
|
+
|-----|-------|--------|-----|----------|
|
|
457
|
+
| Problem-Solution | Frustrated | Hopeful | Relieved | SaaS, B2B |
|
|
458
|
+
| Transformation | Struggling | Growing | Triumphant | Education, wellness |
|
|
459
|
+
| Discovery | Curious | Wondering | Excited | Launches, innovation |
|
|
460
|
+
| Aspiration | Longing | Believing | Desiring | Luxury, lifestyle |
|
|
461
|
+
| Urgency | Comfortable | Concerned | Motivated | Limited offers |
|
|
462
|
+
| Empowerment | Limited | Learning | Confident | Tools, platforms |
|
|
463
|
+
| Validation | Doubtful | Recognized | Confident | Community brands |
|
|
464
|
+
| Surprise | Expecting | Surprised | Delighted | Creative brands |
|
|
465
|
+
| Reassurance | Anxious | Understanding | Calm | Healthcare, finance |
|
|
466
|
+
| Momentum | Static | Moving | Accelerating | Growth platforms |
|
|
467
|
+
|
|
468
|
+
## Short-Form Arc Compression (15-30s)
|
|
469
|
+
|
|
470
|
+
Short videos (social, TikTok, Instagram) cannot sustain a traditional three-act arc. Instead, compress to a **three-beat structure**:
|
|
471
|
+
|
|
472
|
+
**Beat 1 (0-50% of duration):** Establish one emotional state clearly — recognition, desire, tension, or curiosity.
|
|
473
|
+
**Beat 2 (50-75% of duration):** Introduce friction, surprise, or reframe. This beat prevents the arc from feeling like a predictable slide deck. Show: a rejected idea, an unexpected constraint, a moment where the expected path was wrong, a tension between what the brand could do and what it chose to do.
|
|
474
|
+
**Beat 3 (75-100% of duration):** Resolution that earns the emotional shift.
|
|
475
|
+
|
|
476
|
+
**The surprise requirement for short-form**: Even at 15-30s, the viewer must encounter one moment where their assumption is challenged. 'Feedback → product' is a slide. 'Feedback → unexpected constraint/choice → product' is a story. If the arc can be summarized as 'A leads to B', add the beat that makes it 'A leads to unexpected C, which enables B.'
|
|
477
|
+
|
|
478
|
+
**The shift must be causally earned, not just sequenced.** The viewer must understand WHY they moved from state A to state B. For community brands: show the mechanism of participation (your feedback → this ingredient). For transformation brands: show the before/after contrast in the same frame or object. A logo landing is not a resolution unless something in the video built toward it. Test: cover the logo — does the final scene still feel like arrival? If not, the arc is unearned.
|
|
479
|
+
|
|
480
|
+
**Concreteness requirement for abstract claims:** When the emotional arc involves abstract concepts (listening, community, co-creation), each beat must contain at least one concrete artifact:
|
|
481
|
+
- Beat 1 (establishing state): Show **verbatim text** from real customer requests, reviews, or community posts. 'Dots representing feedback' fails—the viewer must be able to read actual words they might have written themselves.
|
|
482
|
+
- Beat 2 (friction/surprise): Name the specific constraint or tradeoff the brand made. 'We listened' is abstract; 'We combined 847 requests for a tinted moisturizer with SPF into one formula' is concrete.
|
|
483
|
+
- Beat 3 (resolution): The reveal must be **identifiable without the brand name**. If 'G Suit' means nothing to the viewer, the scene has no payoff. Either show the product visually (recognizable packaging) or explain what it is in the same beat.
|
|
484
|
+
|
|
485
|
+
**The viewer state test for community arcs:** At the reveal moment, ask: would the viewer feel 'that's MY feedback that made this' or just 'feedback in general made this'? The first is emotional; the second is intellectual. Abstract-to-abstract arcs (dots → product name) always produce the second.
|
|
486
|
+
|
|
487
|
+
Abstract-to-abstract arcs (dots representing feedback → dots converging) fail the viewer state test because no specific information anchors the emotional shift.
|
|
488
|
+
|
|
489
|
+
The shift must be felt, not just stated. At 15s, you have time for exactly one emotional movement. At 30s, you might have two movements but not three.
|
|
490
|
+
|
|
491
|
+
**Anti-pattern for short-form:** Three scenes that all deliver the same soft/aspirational register. This produces a mood without an arc. Even a 15s video needs internal contrast — the last 5 seconds should feel different from the first 5 seconds.
|
|
492
|
+
|
|
493
|
+
**Social-specific registers:**
|
|
494
|
+
- Recognition → Desire (show me, then make me want it)
|
|
495
|
+
- Curiosity → Satisfaction (hook, then payoff)
|
|
496
|
+
- Intimacy → Belonging (personal, then communal)
|
|
@@ -0,0 +1,135 @@
|
|
|
1
|
+
---
|
|
2
|
+
title: Genre Selection
|
|
3
|
+
description: Full genre palette for brand video — formal characteristics, appropriate contexts, and compositional implications for each genre.
|
|
4
|
+
type: reference
|
|
5
|
+
order: 10
|
|
6
|
+
---
|
|
7
|
+
|
|
8
|
+
# Genre Selection
|
|
9
|
+
|
|
10
|
+
Genre is the formal language a video speaks. It determines editing tempo, the role of music, whether narration is appropriate, and what kind of visual authority the video claims. Choosing the wrong genre produces a video that is technically correct but tonally alien — a product that nobody asked for.
|
|
11
|
+
|
|
12
|
+
Genre must be derived, not assumed. See Phase 0.5 in the main skill for the derivation process.
|
|
13
|
+
|
|
14
|
+
---
|
|
15
|
+
|
|
16
|
+
## Genres for Rational-Appeal Brands
|
|
17
|
+
|
|
18
|
+
Used when the audience is evaluating: developers, technical buyers, B2B decision-makers, financial consumers.
|
|
19
|
+
|
|
20
|
+
### Feature Demonstration
|
|
21
|
+
The product is the protagonist. The video is a structured tour of capability.
|
|
22
|
+
|
|
23
|
+
- **Editing**: Medium tempo, deliberate. Each cut serves a new capability.
|
|
24
|
+
- **Music**: Neutral — present but not emotive. The product should be audible over the music metaphorically.
|
|
25
|
+
- **Narration**: Usually appropriate. Voiceover or text captions that name what is being shown.
|
|
26
|
+
- **Visual authority**: Screen recordings, UI interactions, real product behavior. Illustration only for abstract mechanics (data flow, request handling).
|
|
27
|
+
- **Wrong for**: Any brand whose audience chose it for aesthetic or identity reasons. A developer tool used by indie hackers for its personality should not produce a clinical feature tour.
|
|
28
|
+
|
|
29
|
+
### Problem-Solution
|
|
30
|
+
Two states — before and after. The product is the bridge.
|
|
31
|
+
|
|
32
|
+
- **Editing**: Contrast-driven. Before scenes feel heavier, slower, more cluttered. After scenes feel lighter.
|
|
33
|
+
- **Music**: Can shift register between before/after to reinforce the contrast.
|
|
34
|
+
- **Visual metaphor**: The "before" state must be specific to this product's actual users, not a generic "chaos" stock image. What does friction look like for a developer deploying? For a designer sharing files? Name it specifically.
|
|
35
|
+
- **Wrong for**: Brands that don't have a clear before/after (lifestyle, identity brands). Forcing a problem-solution structure onto a brand whose appeal is aspirational produces an awkward, unearned arc.
|
|
36
|
+
|
|
37
|
+
### Proof / Evidence
|
|
38
|
+
The product's claims are shown, not stated. Data, metrics, real usage patterns.
|
|
39
|
+
|
|
40
|
+
- **Editing**: Methodical. Each scene introduces one piece of evidence.
|
|
41
|
+
- **Music**: Minimal. Evidence speaks for itself.
|
|
42
|
+
- **Use when**: The brand's differentiation is empirical (performance, scale, reliability) and the audience needs to be convinced, not just felt-at.
|
|
43
|
+
|
|
44
|
+
---
|
|
45
|
+
|
|
46
|
+
## Genres for Sensory/Aesthetic-Appeal Brands
|
|
47
|
+
|
|
48
|
+
Used when the audience is seeking experience: consumer beauty, fashion, food, fragrance, interiors, premium goods.
|
|
49
|
+
|
|
50
|
+
### Mood Film
|
|
51
|
+
The video is a sensory argument. It does not explain; it demonstrates a feeling.
|
|
52
|
+
|
|
53
|
+
- **Editing**: Driven by music tempo and texture. Cuts land on beats or against them deliberately.
|
|
54
|
+
- **Music**: Primary carrier of meaning. Music choice is a brand decision, not a background choice.
|
|
55
|
+
- **Narration**: Rarely appropriate. If text appears, it should feel like poetry, not copy.
|
|
56
|
+
- **Visual language**: Texture, light, skin, material, detail. Close-ups over establishing shots. Movement over stasis.
|
|
57
|
+
- **Duration**: Mood films work at 15–30s. Longer requires a narrative arc to sustain.
|
|
58
|
+
- **Wrong for**: Any brand where the audience needs to understand something before they can feel something.
|
|
59
|
+
|
|
60
|
+
### Product Poetry
|
|
61
|
+
The object in motion — no people, no narration, pure product behavior.
|
|
62
|
+
|
|
63
|
+
- **Use when**: The product is visually distinct, the design is the message, and the audience is already familiar with the category.
|
|
64
|
+
- **Motion approach**: The product's own material logic should generate the motion — a skincare product's texture suggests slow pour; a streetwear drop suggests quick reveal; a precision tool suggests deliberate movement.
|
|
65
|
+
- **Wrong for**: Products that look generic (the design is not differentiated) or products the audience hasn't heard of (no context).
|
|
66
|
+
|
|
67
|
+
### Texture Reel
|
|
68
|
+
A sequence of material close-ups — fabric, skin, food, surface — that builds a sensory argument for quality or feeling.
|
|
69
|
+
|
|
70
|
+
- **Editing**: Fast or slow depending on energy. Often music-forward.
|
|
71
|
+
- **Use when**: The brand's truth is material (what it's made of, what it feels like) and the website/photography already reflects this.
|
|
72
|
+
- **Compositional note**: Each shot should isolate one texture. The sequence builds an argument through accumulation.
|
|
73
|
+
|
|
74
|
+
---
|
|
75
|
+
|
|
76
|
+
## Genres for Community/Identity-Appeal Brands
|
|
77
|
+
|
|
78
|
+
Used when the audience is seeking belonging: lifestyle brands, streetwear, music, fitness culture, subcultures.
|
|
79
|
+
|
|
80
|
+
### Community Portrait / Faces Film
|
|
81
|
+
Real people as the brand's primary visual material. The brand is the audience.
|
|
82
|
+
|
|
83
|
+
- **Editing**: Humanistic tempo — long enough on each face to register the person, not just their demographic.
|
|
84
|
+
- **Music**: Should feel like something the community would actually listen to, not background licensing.
|
|
85
|
+
- **Visual authority**: The faces must be real or feel real. Polished model shots break the community contract.
|
|
86
|
+
- **Narration**: Rarely appropriate. Let faces speak.
|
|
87
|
+
- **Wrong for**: Any brand that doesn't already have a community — this genre requires authentic material. Fabricating it reads as hollow.
|
|
88
|
+
|
|
89
|
+
### Cultural Artifact
|
|
90
|
+
The video looks like something the community produces, not something the brand made about the community.
|
|
91
|
+
|
|
92
|
+
- **Editing tempo**: Platform-native. What does content on this platform look like at its best? Match that register.
|
|
93
|
+
- **Visual quality**: Often deliberately lo-fi, handheld, grain-forward. Polish is a liability for authenticity-first brands.
|
|
94
|
+
- **Music**: Culturally specific. The wrong track is a category error.
|
|
95
|
+
- **Wrong for**: Premium brands where polish is part of the product promise.
|
|
96
|
+
|
|
97
|
+
### Aspirational / Dream State
|
|
98
|
+
The audience in the world they want to inhabit — the product is how they get there, but it's not the subject.
|
|
99
|
+
|
|
100
|
+
- **Use for**: Lifestyle brands where the aspiration is the product. The brand sells a version of a life, not a physical object.
|
|
101
|
+
- **Editing**: Slow, expansive. Room to imagine.
|
|
102
|
+
- **Visual language**: Space, light, movement. The aspiration has physical textures — cold water, warm light, open sky.
|
|
103
|
+
- **Wrong for**: Products that require explanation before aspiration. If the audience doesn't know what the product does, aspiration won't land.
|
|
104
|
+
|
|
105
|
+
---
|
|
106
|
+
|
|
107
|
+
## Hybrid Genres
|
|
108
|
+
|
|
109
|
+
### Sensory → Rational (Earned Evidence)
|
|
110
|
+
Lead with mood or sensation; resolve with a fact that gives the feeling a foundation.
|
|
111
|
+
|
|
112
|
+
- **Use when**: The brand has both sensory appeal and a rational claim worth making (premium food brand with real sourcing; skincare brand with actual clinical data)
|
|
113
|
+
- **Structure**: Establish feeling → reveal the reason behind it
|
|
114
|
+
- **Wrong version**: The sensory section is disconnected from the rational section. They must feel like the same argument.
|
|
115
|
+
|
|
116
|
+
### Rational → Sensory (Made Real)
|
|
117
|
+
Lead with a technical truth; show what it feels like in practice.
|
|
118
|
+
|
|
119
|
+
- **Use when**: The brand's differentiation is structural but the audience experiences it emotionally (a payments API whose reliability means a founder's business doesn't go down on Black Friday)
|
|
120
|
+
- **Structure**: State the fact → show the human consequence
|
|
121
|
+
- **Wrong version**: The emotional section is generic human-interest footage unconnected to the specific technical truth.
|
|
122
|
+
|
|
123
|
+
---
|
|
124
|
+
|
|
125
|
+
## Genre Fitness Checks
|
|
126
|
+
|
|
127
|
+
Before committing to a genre, run these:
|
|
128
|
+
|
|
129
|
+
**1. Audience test**: Would the target audience, encountering this genre cold, feel it was made for them? Or would it feel like it was made for someone else?
|
|
130
|
+
|
|
131
|
+
**2. Truth test**: Does the chosen genre allow the Phase 0 brand truth to be expressed? A truth about invisibility fits a mood film. A truth about a specific API design does not.
|
|
132
|
+
|
|
133
|
+
**3. Platform test**: Does the genre work at the required duration and aspect ratio? A mood film at 60s on LinkedIn is wrong. A community portrait at 15s on TikTok might work.
|
|
134
|
+
|
|
135
|
+
**4. Anti-pattern check**: Is the chosen genre the default for this product category? If so, what would a competitor produce? If the answer is "the same thing," the genre is wrong unless there is a strong reason to own the default.
|