Skip to content

LAUNCH_VIDEO_KIT.md

Latest commit

 

History

History
273 lines (187 loc) · 15.1 KB

LAUNCH_VIDEO_KIT.md

File metadata and controls

273 lines (187 loc) · 15.1 KB
Raw

AIByDM Launch Video Kit

Last updated: 2026-06-16

Objective

Create the official AIByDM launch video as a premium product showcase, not a tutorial and not a raw screen recording.

Core message:

One platform to learn, build, practice, and master AI.

Target duration:

  • Master cut: 90 to 120 seconds
  • README cut: 30 seconds
  • Social cut: 15 seconds

Output:

  • MP4
  • 1920x1080
  • 16:9
  • 60 FPS

Product Truth

Use the current product for all live UI shots:

  • Homepage
  • Learn
  • Tools
  • Games
  • Exams
  • Newsletter
  • GitHub open source presence

Treat these as roadmap or vision overlays unless the UI exists before production:

  • Deep learning, transformers, LLM engineering, RAG, and agents as fully built learning tracks
  • Project dashboards
  • Progress tracking UI
  • Achievement systems
  • Complex roadmap states with completed and future nodes

Recommended execution model:

  • 70 percent composited product close-ups based on the real site
  • 20 percent motion graphics and typography
  • 10 percent roadmap and future-state overlays

This keeps the video credible while still making the platform feel ambitious.

Visual Direction

Match the product's real visual language:

  • Base background: #070a0f
  • Surface cards: #0c111b
  • Primary text: #f8fafc
  • Secondary text: #cbd5e1
  • Accent green: #22c55e
  • Learn blue: #38bdf8
  • Tools green: #22c55e
  • Games amber: #f59e0b
  • Exams purple: #a78bfa
  • Newsletter rose: #fb7185

Typography cues:

  • Sans: IBM Plex Sans or close equivalent
  • Mono labels: JetBrains Mono or close equivalent

Motion cues:

  • Slow cinematic zooms
  • Soft parallax between background grid, cards, and text
  • Light motion blur on transitions
  • Layered reveals instead of abrupt cuts
  • Cursor moments used sparingly and intentionally
  • No shaky motion and no rapid flashing

Master Prompt

Use this as the starting prompt for a motion designer, AI editor, or video generation workflow:

Create a premium 120-second product launch video for AIByDM, an open source AI learning platform.

The video must feel like an OpenAI, Linear, Vercel, Stripe, or Notion product showcase. It should not feel like a tutorial, screen recording, slideshow, or documentation walkthrough.

Narrative goal: make viewers immediately understand that AIByDM is one platform to learn, build, practice, and master AI.

Use the real AIByDM product pages as composited hero assets: homepage, learn, tools, games, exams, newsletter, and GitHub community presence. Rebuild key UI moments as layered motion scenes instead of showing plain browser captures. Add depth, subtle gradients, atmospheric particles, motion blur, soft glows, and clean typography.

Visual style: dark technical workspace, premium startup launch energy, fast but controlled pacing, elegant camera moves, layered cards, mono labels, product surfaces, roadmap overlays, floating tags, and polished transitions.

Motion style: side pans, push-ins, focus shifts, masked reveals, card stacks, scrolling panels, hover states, progress line draws, node activation, and stat counters. Avoid abrupt cuts, shaky movement, and flashy effects.

Product truth: show the live AIByDM modules as real product UI. Show advanced learning map items such as machine learning, deep learning, transformers, LLM engineering, RAG, agents, project dashboards, and progress states as stylized roadmap overlays unless the UI is shipped.

End with the AIByDM logo, the line "Learn AI. Build AI. Master AI.", the website URL https://dipakmandlik.github.io/AIByDM/ and the GitHub URL https://github.com/DipakMandlik/AIByDM.

Scene Plan

Scene Time Goal Visual Direction On-screen Copy Voiceover
1. Opening 0-8s Establish premium tone Dark field, subtle particles, faint grid, logo reveal, soft green glow, headline fades in on depth layers Learn AI. Build AI. Master AI. then The Open Source AI Learning Platform AI is moving fast. Learning it should not feel fragmented, slow, or closed.
2. Problem 8-18s Frame the pain Fragments of tabs, tutorials, docs, and disconnected cards slide past and break apart AI learning is fragmented. then Too many resources. No roadmap. No build path. Most people learn AI across random tabs, disconnected tutorials, and scattered advice.
3. Platform reveal 18-32s Introduce AIByDM as the system Premium reveal of the homepage, module cards, nav, hero, and inventory panels using push-ins and layered parallax We built AIByDM. then One platform to learn, build, practice, and master AI. AIByDM brings the journey into one command center: learning, tools, practice, exams, and community signal.
4. Learn platform 32-50s Show structured learning Use the live Learn page as the base. Isolate cards, labels, tags, and lesson metadata. Animate them into a guided path. Structured learning Built for real AI builders Start with foundations, then move through connected lessons that keep theory, code, tools, and outcomes in the same system.
5. Roadmap engine 50-63s Show progression and future depth Roadmap animation built as motion graphics, not fake UI. Show labeled nodes: foundations, machine learning, deep learning, transformers, LLM engineering, RAG, agents. Know exactly what to learn next. The roadmap makes progression visible, from fundamentals to machine learning, deep learning, transformers, LLM engineering, RAG, and agents.
6. Build by doing 63-76s Reinforce project-first learning Use stylized project cards and drill cards as roadmap overlays. Suggested cards: Build neural networks, Build transformers, Build RAG systems, Build AI agents. Learn by building. This is not passive content. It is a build-first system designed to turn reading into repetition and repetition into capability.
7. Tools platform 76-90s Show practical stack awareness Reveal the Tools page with category chips, card stacks, tool names, use cases, and external links. Focus on Ollama, LangChain, and Qdrant. Discover the best open source AI tools. The tools layer helps learners understand where frameworks, vector databases, and local model runtimes fit into real workflows.
8. Games and exams 90-104s Show practice loop Cut between Games and Exams pages. Animate quiz cards, flashcards, question metadata, and score or completion overlays. Practice. Test. Improve. Quizzes, flashcards, and question banks close the loop with fast recall, explanations, and measurable progress.
9. Open source 104-113s Build trust Show GitHub repo, README, contributors, issues, and discussions as polished layered cards and activity strips Built in public. Open source. Community driven. Because AIByDM is open source, the platform grows with its community, not behind a paywall.
10. Closing 113-120s Land the CTA Return to the hero environment, logo, clean typography, and URL lockup with a slow fade Learn AI. Build AI. Master AI. then Start your journey Learn AI. Build AI. Master AI. Start your journey with AIByDM.

Shot Notes By Scene

Scene 1

  • Use the site's dark palette, not pure black.
  • Let the logo appear from a soft green edge-light instead of a hard pop.
  • Keep the first 2 seconds quiet and confident.

Scene 2

  • The problem should feel busy but readable.
  • Use layered fragments of cards, docs, browser chrome, and floating text labels.
  • Avoid brand logos from other products unless they are genericized.

Scene 3

  • Use the homepage as a reconstructed composition rather than a literal browser window.
  • Highlight module depth with subtle callout lines to Learn, Tools, Games, Exams, and Newsletter.
  • Make this the first "wow" moment.

Scene 4

  • Pull from /learn/ for lesson cards, tags, estimated runtime, and track framing.
  • Use motion paths to connect lessons into a structured route.
  • Do not imply progress tracking if it does not exist visually.

Scene 5

  • This scene is intentionally vision-led.
  • Use node activation, line tracing, and status glows.
  • Label it through motion, not with a disclaimer.

Scene 6

  • The product story needs a build-first beat even if the project UI is still roadmap-led.
  • Use premium cards, code fragments, architecture labels, and quick node transitions.
  • Keep copy bold and minimal.

Scene 7

  • Pull from /tools/ card layout and surface details.
  • Zoom into category labels, licenses, use cases, and source links.
  • Make the viewer feel the platform is practical, not academic.

Scene 8

  • Pull from /games/ and /exams/.
  • Emphasize the difference between passive reading and active recall.
  • Use answer states, metadata pills, and score pulses.

Scene 9

  • Use the GitHub repository as social proof, not as a developer tutorial.
  • Show repo name, README headline, discussions, and contributor energy.
  • Keep the pace strong here so the ending feels earned.

Scene 10

  • Final lockup should be clean and quiet.
  • Show both URLs only once and hold long enough to read.
  • Use the GitHub Pages URL unless a custom domain is live before export.

Master Voiceover Script

Use this as the baseline narration. Tighten phrasing during edit if the final cut lands closer to 90 seconds.

AI is moving fast. Learning it should not feel fragmented, slow, or closed.

Most people learn AI across random tabs, disconnected tutorials, and scattered advice.

AIByDM brings the journey into one command center: learning, tools, practice, exams, and community signal.

Start with foundations, then move through connected lessons that keep theory, code, tools, and outcomes in the same system.

The roadmap makes progression visible, from fundamentals to machine learning, deep learning, transformers, LLM engineering, RAG, and agents.

This is not passive content. It is a build-first system designed to turn reading into repetition and repetition into capability.

The tools layer helps learners understand where frameworks, vector databases, and local model runtimes fit into real workflows.

Quizzes, flashcards, and question banks close the loop with fast recall, explanations, and measurable progress.

Because AIByDM is open source, the platform grows with its community, not behind a paywall.

Learn AI. Build AI. Master AI. Start your journey with AIByDM.

30-Second README Cut

Suggested structure:

Time Visual Copy
0-4s Logo, particles, hero reveal Learn AI. Build AI. Master AI.
4-9s Homepage and module grid One platform to learn, build, practice, and master AI.
9-15s Learn plus roadmap overlays Structured learning paths for real AI builders.
15-21s Tools page close-ups Discover practical open source AI tools.
21-26s Games plus Exams montage Practice. Test. Improve.
26-30s Logo and CTA Start your journey at AIByDM.

30-second voiceover:

AIByDM is one platform to learn, build, practice, and master AI. Follow structured learning paths, discover practical open source tools, and reinforce progress with games and exams. Learn AI. Build AI. Master AI. Start your journey at AIByDM.

15-Second Social Cut

Suggested structure:

Time Visual Copy
0-3s Logo and hero burst Learn AI. Build AI. Master AI.
3-7s Homepage, Learn, Tools montage One open source platform for AI learning.
7-11s Games plus Exams Practice. Test. Improve.
11-15s Closing lockup AIByDM Start your journey

15-second voiceover:

AIByDM is the open source platform to learn AI, build real skills, and practice with purpose. Start your journey with AIByDM.

Asset Checklist

Capture or prepare these before editing:

  • Homepage hero and module grid
  • Learn page cards and track metadata
  • Tools page cards for Ollama, LangChain, and Qdrant
  • Games page cards and metadata pills
  • Exams page question panels and topic tags
  • Newsletter page issue cards
  • GitHub repo hero, README, discussions, and issue views
  • AIByDM logo from public/favicon.svg or a dedicated export if available
  • Clean background particles, grid textures, and light bloom overlays

Music Direction

  • Ambient modern tech score
  • Slow build in the first 15 seconds
  • More momentum during platform reveal and module walkthrough
  • Slight emotional lift at the open source and CTA ending
  • No aggressive drops and no cinematic trailer hits

Final QA Checklist

  • Feels like a product launch, not a tutorial
  • Uses real product UI for shipped surfaces
  • Uses motion-led roadmap overlays for future-state concepts
  • Avoids fake metrics that are not visible in the product or roadmap
  • Maintains readable typography at GitHub embed size
  • Final CTA includes website and GitHub URLs