# BATCH 23: Frames 2282-2381 Analysis
## Overview
- **Frame Range**: 2282-2381 (100 frames)
- **Time Range**: ~76.07s - 79.37s (at 30fps)
- **Scene Type**: Pricing comparison hold + transition to blank
- **Primary Content**: Static pricing slide with blue wipe transition
## Scene Breakdown
### Phase 1: Static Pricing Hold (Frames 2282-2329)
**Duration**: 48 frames (~1.6 seconds)
**Content**: Complete pricing comparison slide
- **Left Side**: "Free" (blue text)
- Subtitle: "For individuals, small companies, non-profits & education"
- **Right Side**: "Licensing model" (pink-to-purple gradient text)
- Subtitle: "with support, for companies with 3 or more people"
- **Background**: Light gray/off-white
- **Animation**: None - completely static hold
### Phase 2: Blue Wipe Transition Begins (Frames 2330-2340)
**Duration**: 11 frames (~0.37 seconds)
**Animation Type**: Left-to-right blue gradient wipe
- **Frame 2330**: Blue wipe initiates from left edge
- **Frame 2335**: Blue gradient covers ~50% of frame, text still partially visible on left
- **Frame 2340**: Blue gradient covers ~80% of frame, "Licensing model" text being obscured
**Visual Characteristics**:
- Smooth blue-to-cyan gradient (similar to "Free" text color)
- Wipes from left edge moving right
- Gradually obscures all content
### Phase 3: Full Blue Transition (Frames 2341-2350)
**Duration**: 10 frames (~0.33 seconds)
- **Frame 2345**: Only thin white strip remains on far left edge
- **Frame 2350**: Near-complete blue coverage, tiny blue strip on left edge
### Phase 4: Complete White Blank (Frames 2351-2381)
**Duration**: 31 frames (~1.03 seconds)
- **Frame 2355**: Small blue strip still visible on left edge
- **Frame 2360**: Completely white/blank frame
- **Frames 2361-2381**: All white/blank (scene transition complete)
## Animation Techniques
### Wipe Transition
- **Direction**: Left to right (matching reading direction)
- **Color**: Blue-to-cyan gradient (thematically consistent with "Free" branding)
- **Speed**: Fast (~20 frames for complete wipe)
- **Purpose**: Clean transition to next section
### Timing Structure
1. **Hold Duration**: 48 frames (comfortable reading time)
2. **Wipe Duration**: 20 frames (quick, modern feel)
3. **Blank Hold**: 31 frames (buffer before next content)
## Design Elements
### Typography
- **"Free"**: Large, bold, blue sans-serif
- **"Licensing model"**: Large, bold, pink-to-purple gradient
- **Body text**: Medium weight sans-serif, black
- **Hierarchy**: Clear distinction between headings and descriptions
### Color Palette
- **Free side**: Blue (#2196F3 approximate)
- **Licensing side**: Pink-to-purple gradient (#E91E63 to #9C27B0 approximate)
- **Background**: Off-white/light gray (#F5F5F5 approximate)
- **Text**: Black for readability
### Layout
- **Split Screen**: Perfect 50/50 vertical division
- **Alignment**: Centered text on each side
- **Spacing**: Generous whitespace around text elements
- **Balance**: Symmetrical composition
## Technical Details
### Transition Mechanics
- **Type**: Gradient wipe (not hard edge cut)
- **Smoothness**: Anti-aliased edges
- **Gradient Width**: ~10-15% of frame width during transition
- **Easing**: Appears linear/constant speed
### Frame Statistics
- **Static frames**: 48 (48%)
- **Transition frames**: 20 (20%)
- **Blank frames**: 32 (32%)
- **Total**: 100 frames
## Context in Overall Video
### Previous Content
- Batch 22: Likely continuation of pricing or product information
### Current Content
- Final pricing comparison presentation
- Clear choice between free and paid options
- Professional, clean presentation style
### Transition Purpose
- Blue wipe creates visual continuity with "Free" branding
- Clean break before next major section
- White space provides visual breathing room
## Remotion Implementation Notes
### Component Structure
```typescript
// Static pricing comparison hold
<Sequence from={2282} durationInFrames={48}>
<PricingComparison />
</Sequence>
// Blue wipe transition
<Sequence from={2330} durationInFrames={20}>
<BlueWipeTransition direction="left-to-right" />
</Sequence>
// Blank buffer
<Sequence from={2350} durationInFrames={31}>
<BlankFrame color="#FFFFFF" />
</Sequence>
```
### Animation Parameters
- **Hold Duration**: 48 frames
- **Wipe Duration**: 20 frames
- **Wipe Start**: Frame 2330 (global) / Frame 0 (local)
- **Gradient Range**: 0-100% over 20 frames
- **Color Values**: RGB(33, 150, 243) to RGB(255, 255, 255)
### CSS Properties
```css
.pricing-split {
display: grid;
grid-template-columns: 1fr 1fr;
align-items: center;
text-align: center;
}
.free-section {
color: #2196F3;
}
.licensing-section {
background: linear-gradient(90deg, #E91E63, #9C27B0);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.blue-wipe {
background: linear-gradient(90deg, #2196F3, #4DD0E1);
transform: translateX(-100%);
animation: wipeRight 0.67s ease-out forwards;
}
```
## Key Observations
1. **Long Static Hold**: The 48-frame hold ensures viewers have time to read and compare both pricing options
2. **Blue Thematic Consistency**: The blue wipe connects to the "Free" section's color, potentially emphasizing the free option
3. **Clean Transition**: The wipe is smooth and professional, maintaining the video's polished aesthetic
4. **Generous Buffer**: 31 blank frames provide ample separation before the next content section
5. **Symmetrical Design**: Perfect 50/50 split creates visual balance and easy comparison
## Summary
Batch 23 represents the final pricing comparison presentation followed by a clean transition to the next major video section. The content holds for nearly 2 seconds (comfortable reading time), then executes a fast blue wipe transition (~0.67 seconds) before settling into a blank white frame for over 1 second. This pacing demonstrates professional video editing: adequate time to digest information, smooth transitions, and clear section breaks.
The blue wipe color choice subtly reinforces the "Free" option while maintaining brand consistency. The transition to complete white creates a neutral reset before the next content segment, suggesting a shift to a new topic or call-to-action.
