OMEGA Marketing Video: "The Forgetting Problem"

Overview

45-60 second product video for OMEGA. Motion graphics for the problem, real product demo for the solution. Music + burned captions only (no narration). Built with Remotion.

Target Platforms

Structure & Timing

Visual Style

Problem Scenes (0-15s)

• Motion graphics in Midnight Gold palette
• Dark canvas (#08090f), gold accents (#d4a843)
• Outfit font for captions, JetBrains Mono for chat bubbles
• Chat UI is stylized, not a screenshot -- animated typing indicators, smooth message appearances, dissolve effects

Solution Scenes (17-45s)

• Real product footage (screen recording)
• Terminal with dark theme
• Polished with auto-zoom on key actions
• Slight vignette to match brand darkness

Transitions

• Gold accent line draws/wipes between sections
• Matches the OG image top-bar pattern from omegamax.co

Text Overlays

• Outfit font, large, high-contrast (#e8e8f0 on #08090f)
• Positioned lower-third or center

Demo Script (17-45s)

The solution demo is the centerpiece. Here is the exact terminal script:

Shot 1: Install (17-20s)

$ pip install omega-memory
Successfully installed omega-memory-1.2.0

Caption: "Install in one command."

Shot 2: Configure (20-23s)

// claude_desktop_config.json
{
  "mcpServers": {
    "omega": {
      "command": "omega",
      "args": ["serve"]
    }
  }
}

Caption: "Add to your editor."

Shot 3: First Session (23-31s)

Animated chat UI (real product style, not the stylized motion graphics):

You: We're building a Next.js 16 app with App Router, using Neon for the database and Clerk for auth.
Agent: Got it. I'll remember your stack for future sessions.
[subtle gold flash: "3 memories stored"]

Caption: "Work naturally. OMEGA learns."

Shot 4: New Session (31-42s)

New chat, fresh session indicator:

You: Add a protected API route.
Agent: Based on your setup -- Next.js 16 App Router with Clerk middleware and Neon --
       here's a protected route handler...
[code snippet appears]

Caption: "Next session. It remembers everything."

Shot 5: Quick zoom out (42-45s)

Brief flash of memory count growing: 47 -> 238 -> 1,204. Transition to Payoff.

Compositing Approach

Screen recording is pre-polished in Screen Studio (zooms, cursor tracking) and exported as MP4. Remotion composites the MP4 with a branded vignette overlay and caption burn-in. No pan/zoom logic in Remotion itself.

1:1 Social Cut (45s)

Rendered as a separate Remotion composition (SocialVideo) with width: 1080, height: 1080. Center-crops the 16:9 content with adjusted text positioning for square frame. Caption font minimum: 48px for mobile readability.

Audio

• Suno background music track (provided by user)
• No narration
• Captions burned into video for silent autoplay
• Music cuts to silence at 12-15s (breaking point), resumes at transition
• Gentle fade-out over final 3s (CTA)
• Volume duck slightly during demo section for focus

Brand System (Midnight Gold)

Colors

• Canvas: #08090f
• Surface: #0f1019
• Primary ink: #e8e8f0
• Secondary ink: #9898b0
• Gold accent: #d4a843
• Gold dim: #b89035

Typography

• Display: Outfit (variable, sans-serif)
• Code: JetBrains Mono (400, 500)
• Base size: 17px, line-height 1.65

Logo

• Source: ~/Projects/omega/website/app/icon.svg
• Apple icon: ~/Projects/omega/website/app/apple-icon.svg

Technical Architecture

~/Projects/omega/video/
├── package.json              (Remotion + dependencies)
├── src/
│   ├── Root.tsx              (Remotion root, registers compositions)
│   ├── Video.tsx             (Main 60s composition, sequences all scenes)
│   ├── scenes/
│   │   ├── Hook.tsx          (Session counter, opening text)
│   │   ├── Frustration.tsx   (Animated chat UI, dissolve loop)
│   │   ├── Transition.tsx    (Logo reveal, gold line draw)
│   │   ├── Demo.tsx          (Screen recording overlay + captions)
│   │   ├── Payoff.tsx        (Memory counter + tagline)
│   │   └── CTA.tsx           (Logo + URL + install command)
│   ├── components/
│   │   ├── ChatBubble.tsx    (Animated chat message)
│   │   ├── Counter.tsx       (Animated number counter)
│   │   ├── GoldLine.tsx      (Accent line animation)
│   │   └── Caption.tsx       (Burned-in caption component)
│   ├── assets/
│   │   ├── omega-logo.svg    (copied from website)
│   │   ├── music.mp3         (Suno track, provided by user)
│   │   └── demo-recording.mp4 (screen recording of real OMEGA)
│   └── theme.ts              (Midnight Gold colors, fonts, timing)
├── remotion.config.ts
└── scripts/
    └── render.sh             (ffmpeg render commands)

Responsibilities

• Remotion: All motion graphics scenes (Hook, Frustration, Transition, Payoff, CTA), audio sync, caption burn-in, final MP4 render
• Manual: Screen recording of real OMEGA demo (Screen Studio or similar), saved as assets/demo-recording.mp4
• Veo 3.1: Not needed for v1. Reserved for future videos (abstract "memory" visualizations, etc.)

Frustration Scene Script (3-12s)

Three accelerating cycles of the same exchange:

Cycle 1 (3-6s, normal speed):

• Agent: "What language is your project in?"
• User: "TypeScript, Next.js 16"
• [chat dissolves]

Cycle 2 (6-9s, faster):

• Agent: "What framework are you using?"
• User: "Next.js... again"
• [chat dissolves faster]

Cycle 3 (9-12s, rapid):

• Agent: "Can you describe your project setup?"
• User types but chat dissolves before they finish
• [scatter into particles]

Hook Counter Detail

Counter starts at "Session 1", rapidly increments to "Session 47" over 2.5s using eased interpolation (fast start, decelerate). Gold (#d4a843) numerals on dark canvas (#08090f), Outfit font, 120px. Holds on "Session 47" for 0.5s before caption appears.

Render Pipeline

• Codec: H.264, CRF 18 (high quality), AAC audio
• Remotion version: 4.x (pin in package.json)
• 16:9 master: Rendered directly by Remotion CLI (npx remotion render)
• 1:1 social: Separate Remotion composition, rendered as second output
• Font loading: @fontsource/outfit and @fontsource-variable/jetbrains-mono as npm deps (Remotion requires local fonts, not Google Fonts CDN)
• Caption minimum: 36px for 16:9, 48px for 1:1 (mobile readability)

Dependencies

• Music track (Suno) must be provided before implementation starts
• Demo screen recording must be captured before Demo.tsx can be finalized
• Implementation can proceed on motion graphics scenes (0-17s, 45-57s) in parallel with demo recording

Key Design Principles (from research)

1. Hook in first 3 seconds -- no logo intros or black screens
2. Show the pain before the solution
3. Pick 1-2 features and demo deeply -- no feature tour
4. Design for mute (85% of social viewers watch silent)
5. End with one clear CTA
6. Text must be readable on mobile
7. Keep under 60s for max completion rates

Future Videos (backlog)

• "Before/After Split Screen" -- side-by-side with/without OMEGA
• "30 Seconds to Memory" -- pure install-to-value speed run
• "The Counter" -- memory count climbing during natural work
• Abstract "memory" visualizations using Veo 3.1