BakeBetter Apps·Explainer Hub
← All Explainers
← Hub

Airo Feature Video

Frame-by-frame production brief adapted from the Outrank ad format for MeetAiro.com — AI Rank Tracker

33 Frames • ~98 seconds • Motion Graphics + Screen Recording + Kinetic Text

Contents

Brand Guidelines

Every frame must adhere to these exactly. No creative interpretation.

ElementValueNotes
Primary Color #6366F1 (Indigo)All accents, CTAs, glows, active states
Secondary Color #A855F7 (Purple)Gradients, highlights, secondary accents
Background Dark #0A0A0FText card backgrounds
Background Light #FFFFFFProduct UI / screen recordings
Text Primary #FFFFFFHeadlines on dark bg
Text Secondary #000000Headlines on light bg / white cards
Accent Keywords Indigo on dark, Purple on lightHighlight key words in text cards
FontInterAll text. Weight 900 for headlines, 600 for body, 400 for small.
Product NameAiroAlways "Airo" — never "Cogni" or "MeetAiro"
URLmeetairo.comEnd card only
LogoAiro logomark (from sidebar)Brand reveal frame + end card
Border Radius12-16px on cardsRounded, modern SaaS feel
Glow EffectIndigo (#6366f1) with 40% opacity blurBehind logo, behind key numbers

Video Overview

AttributeValue
Duration~98 seconds
Resolution1920x1080 (16:9) primary + 1080x1080 (1:1) crop for Meta
FPS60fps
StyleMotion graphics + screen recordings + kinetic typography. NO talking head.
VoiceoverMale, 30s, American, confident-casual tech founder tone. ElevenLabs recommended.
MusicMinimal tech ambient. Builds energy in middle. Swells at CTA. Think: Stripe/Linear product video vibes.
PacingFast cuts (2-4s per frame). Text animates word-by-word. Screen recordings at 1.5x speed with smooth easing.
ReferenceOutrank video by Tibo — exact same structure adapted for Airo
The video has 5 acts: HOOK (frames 1-4) → BRAND REVEAL (5-6) → PRODUCT DEMO (7-19) → FEATURES (20-30) → CTA (31-33). Each act has a distinct energy level.

Full Voiceover Script

Record as a single take. Editor cuts to frames based on timing below.

Getting recommended by AI... What if you could see exactly what ChatGPT, Claude, Perplexity, and Gemini say about your brand — and appear at the top automatically? Airo. Track your AI visibility on autopilot. Tell us about your business. Enter your website. Airo uses AI to understand your brand, find your competitors, and generate the exact prompts your buyers are asking. It finds the relevant keywords — the ones people actually type into AI when they're ready to buy. From zero visibility to high AI recommendation rates. Airo tracks how often each AI platform mentions your brand — across ChatGPT, Claude, Perplexity, Gemini, and Google AI. See every prompt. Every platform. Every mention. Your full AI conversation history in one dashboard. Schedule your audits. Airo runs daily, automatically. Come back tomorrow and your results are already there. Or add your personal touch — run custom prompts anytime. Airo scours the web and identifies the exact citation sources AI platforms use — so you know where to get listed. Generates AI-powered action recommendations — a prioritized GEO roadmap tailored to your brand. With your brand data. No generic advice. Sentiment analysis catches what AI really thinks — positive, neutral, or negative — before it compounds. Auto-published reports. Easy integrations with your existing stack. Two thousand four hundred brands assessed. Four point nine out of five rating. Start your free trial now. meetairo.com

All 33 Frames — Frame-by-Frame Brief

Each frame is a distinct visual beat. Editor: match these to the voiceover timing above.

FRAME 01 ~0:00 — 0:03
HOOK — "Getting recommended by AI"
Visual
Black background (#0a0a0f). Animated indigo upward-trending line chart with glowing dots at data points. Line pulses with subtle glow. Chart rises from bottom-left to top-right.
Text on screen
Getting recommended by AI
Text style
White, Inter 900, large centered. Animates in word-by-word from left.
Animation
Chart line draws itself on (SVG path animation). Dots pulse with indigo glow. Text fades in synced with voiceover.
Motion Graphic Kinetic Text
FRAME 02 ~0:03 — 0:06
VALUE PROP — "What if you could"
Visual
Indigo-to-purple gradient background with warping/morphing animation (like liquid mesh). Edges bleed to white.
Text on screen
What if you could
Text style
White, Inter 800, centered. Drops in with slight bounce.
Motion Graphic Kinetic Text
FRAME 03 ~0:06 — 0:09
VALUE PROP — "exactly what your brand..."
Visual
Same indigo-purple gradient, shifting left-to-right with motion blur effect.
Text on screen
see exactly what ChatGPT, Claude, Perplexity, and Gemini say about your brand
Text style
White, Inter 700. "ChatGPT, Claude, Perplexity, and Gemini" each flash briefly in their brand colors (green, amber, indigo, blue) then settle to white.
Motion Graphic Kinetic Text
FRAME 04 ~0:09 — 0:12
VALUE PROP — "and appear at the top automatically"
Visual
White background with indigo gradient accent blob. Rounded white card/pill shape slides in from right.
Text on screen
and appear at the top automatically
Text style
Black bold Inter 900 on white rounded pill card. "top" in indigo.
Kinetic Text Transition
FRAME 05 ~0:12 — 0:15
BRAND REVEAL — "AIRO"
Visual
Black background. Airo logo centered in a rounded black pill shape. Indigo glow halo radiates from behind. Subtle rainbow/gradient line along bottom edge of pill.
Text on screen
AIRO
Animation
Letters animate in one by one: A → I → R → O. Each letter lands with a micro-bounce. Indigo glow pulses once on completion. Total animation: 1.5s.
This is the hero brand moment. Make it feel premium — like an Apple product reveal. The glow should feel like light is emanating from inside the pill.
Motion Graphic Brand Reveal
FRAME 06 ~0:15 — 0:18
TAGLINE — "Track your AI visibility on autopilot."
Visual
Dark navy/black gradient background. No graphics — text only.
Text on screen
Track your AI visibility on autopilot.
Text style
White, Inter 800, 2-line centered. "AI visibility" slightly larger. Fades in with 0.3s delay after bg settles.
Kinetic Text
FRAME 07 ~0:18 — 0:24
PRODUCT DEMO — Onboarding: "Tell us about your business"
Visual
Screen recording of Airo's /get-started page (Step 2: Brand Info). Show the progress stepper at top (Account → Brand Info → Running Audit → Start Trial). Cursor enters the website URL field and types a demo domain. "Autocomplete With AI" button is visible.
Text visible in UI
  • Progress steps: "Account → Brand Info → Running Audit → Start Trial"
  • "Tell us about your business"
  • "Website" field with placeholder
  • "Autocomplete With AI" button (indigo)
  • "Business Name" field
Recording instructions
Record at 1440p. Playback at 1.3x speed with smooth easing. Cursor should move naturally. Use a real-looking demo brand (not "test" or "example").
Screen Recording
FRAME 08 ~0:24 — 0:27
PRODUCT DEMO — AI-Generated Description
Visual
Zoomed-in screen recording of the filled onboarding form. Business Name filled in. Description auto-populated by AI (long paragraph about the demo brand). Show the AI-generated text appearing smoothly.
Recording instructions
Zoom into the description field so text is clearly readable. Show the AI typing effect if possible. Use a compelling demo brand — something like a fictional SaaS company or marketing agency.
Screen Recording
FRAME 09 ~0:27 — 0:30
KEYWORD DISCOVERY — "find the relevant KEYWORDS"
Visual
White background. Bold black text animates in word-by-word. "KEYWORDS" in all caps, last letters fade in one by one.
Text on screen
find the relevant PROMPTS
Text style
Black Inter 900 on white. "PROMPTS" in indigo. Letter-by-letter reveal on the last word.
Changed from "KEYWORDS" to "PROMPTS" — Airo discovers buyer prompts, not SEO keywords. This is a key differentiator.
Kinetic Text
FRAME 10 ~0:30 — 0:33
TRANSITION — Loading/Processing
Visual
Indigo circle with lighter indigo glow halo, dashed grey outer ring on white background. Pulsing loading animation — like Airo is "thinking" / running an audit.
Animation
Circle scales up slightly then settles. Dashed ring rotates slowly clockwise. Inner circle pulses with indigo glow. Duration: 2-3 seconds.
Motion Graphic Transition
FRAME 11 ~0:33 — 0:36
PROOF — "From zero visibility to high AI recommendation rates"
Visual
White background. Indigo line chart on a subtle grid going from low (e.g., 12%) to high (e.g., 72%). Data points marked with indigo dots. Left label: "12%". Right label: "72%".
Text on screen
From invisible to recommended.
Text style
Black bold Inter 900 below the chart. "recommended" in indigo.
Animation
Line draws itself from left (12%) to right (72%). Numbers count up. Text drops in after line completes.
Motion Graphic Kinetic Text
FRAME 12 ~0:36 — 0:39
PRODUCT DEMO — Prompt Card: Example 1
Visual
Angled/3D perspective screen recording showing a prompt card from Airo's Prompts page. Show a real-looking buyer prompt like "best AI rank tracker tools 2026" with visibility score and platform breakdown.
Data to show
  • Prompt: "best AI rank tracker tools 2026"
  • Visibility: 67%
  • Mentioned on: ChatGPT, Claude, Perplexity
  • Sentiment: Positive
Recording instructions
Tilt the screen recording ~15 degrees for 3D effect. Add subtle shadow underneath. Smooth zoom into the card.
Screen Recording
FRAME 13 ~0:39 — 0:42
PRODUCT DEMO — Prompt Card: Example 2
Visual
Same angled/3D perspective, different prompt card. Show a prompt where the brand is NOT mentioned — red/low visibility indicator.
Data to show
  • Prompt: "best AI SEO tools for agencies"
  • Visibility: 0%
  • Mentioned on: None
  • Competitor "RankScale" mentioned 3/4 platforms
Screen Recording
FRAME 14 ~0:42 — 0:45
PRODUCT DEMO — Conversations Page
Visual
Screen recording of Airo's Conversations page. Show the full AI response text for a prompt. Sidebar visible with navigation. Platform badges (ChatGPT green, Claude amber, Perplexity indigo, Gemini pink) visible in each conversation row.
Key elements to capture
  • Sidebar: Dashboard, Audits, Prompts, Competitors, Conversations (active), Citations
  • Conversation list with platform badges
  • Expanded AI response showing actual text where brand is mentioned (highlighted)
  • Sentiment badge (Positive/Neutral/Negative)
Screen Recording
FRAME 15 ~0:45 — 0:48
PRODUCT DEMO — Dashboard (Full View)
Visual
Full screen recording of Airo's main dashboard. KPI cards at top (Visibility Score, Total Mentions, Sentiment, Platform Coverage). Platform Visibility bar chart. Citation bar chart. Trend line chart.
Key elements to capture
  • 4 KPI cards across top: Visibility %, Mentions count, Positive %, Platforms covered
  • "Viewing [Brand]" badge in header
  • Platform breakdown bar chart (ChatGPT, Claude, Perplexity, Gemini, Google AI)
  • Top Cited Domains section
  • Company switcher in sidebar
Screen Recording
FRAME 16 ~0:48 — 0:51
"or add your personal touch."
Visual
White background. Text in a design-tool-style bounding box with transform handles (squares at corners + midpoints, rotation handle at top). Like someone is editing/customizing the text in a canvas tool.
Text on screen
or add your personal touch.
Text style
Black Inter 900, centered. Transform handles visible around the text block. Implies customization / user control.
Kinetic Text
FRAME 17 ~0:51 — 0:54
PRODUCT DEMO — Audits Page with Schedule
Visual
Screen recording of Airo's Audits page. Show audit history table with dates, prompt names, platform badges, and visibility results. "Run Audit" button visible. Schedule settings showing "Daily" selected.
Key elements to capture
  • Audit history table with multiple rows
  • "Run Audit" button (indigo)
  • Live Progress panel (if running)
  • Per-row: date, prompt, platform icons, mentioned Y/N, sentiment
Screen Recording
FRAME 18 ~0:54 — 0:57
PRODUCT DEMO — Prompt Management (Add Prompt Modal)
Visual
Screen recording showing the "Add Prompt" modal overlaying the Prompts Management page. User types a buyer query into the input field. AI-suggested prompts visible below.
Demo prompt to type
"best AI visibility tool for agencies"
Screen Recording
FRAME 19 ~0:57 — 1:00
PRODUCT DEMO — Competitor Analytics
Visual
Screen recording of Airo's Competitor Analytics page. Sortable table showing brand names, per-platform visibility percentages (ChatGPT, Claude, Perplexity, Gemini), and overall score. Logos via Google Favicons. Sort arrows visible.
Key data visible
Show 4-6 competitor rows with varying visibility percentages. One competitor clearly dominant on one platform, weak on another — showing the strategic insight Airo provides.
Screen Recording
FRAME 20 ~1:00 — 1:03
FEATURE — "Airo scours the web"
Visual
Indigo gradient background (same as frames 2-3).
Text on screen
Airo identifies the citation sources AI platforms trust,
Text style
White Inter 700 centered. "citation sources" slightly emphasized with bold/size bump.
Kinetic Text
FRAME 21 ~1:03 — 1:06
FEATURE — "so you know where to get listed."
Visual
Same indigo gradient.
Text on screen
so you know exactly where to get listed.
Kinetic Text
FRAME 22 ~1:06 — 1:09
PRODUCT DEMO — Citations Page
Visual
Screen recording of Airo's Citations page. Show domain list with citation counts, citation type badges (Direct Mention, Resource Citation, Competitor Context), and bar chart visualization.
Screen Recording
FRAME 23 ~1:09 — 1:12
FEATURE — "Generates AI-powered action recommendations."
Visual
Indigo background with white rounded card sliding in. Cursor visible.
Text on screen
Generates AI-powered action recommendations.
Text style
Black bold Inter 900 on white card. "AI-powered" in indigo.
Kinetic Text
FRAME 24 ~1:12 — 1:15
FEATURE — "With your brand data. No generic advice."
Visual
Black background.
Text on screen
With your brand data, No generic advice.
Text style
White + indigo accent. "brand data" in indigo. "generic" fades in slightly dimmer (grey) to visually dismiss it.
Kinetic Text
FRAME 25 ~1:15 — 1:18
PRODUCT DEMO — Action Center
Visual
Screen recording of Airo's Action Center page. Show prioritized action cards with HIGH/MEDIUM/LOW priority badges, impact/effort scores, category tags. Show at least 3-4 visible action cards.
Key elements to capture
  • Action cards with priority badges (red=HIGH, yellow=MEDIUM, green=LOW)
  • Impact and effort scores
  • Category labels (e.g., "Google Ecosystem", "Citation Gap", "Content Strategy")
  • Status toggles (TODO → IN PROGRESS → RESOLVED)
  • "Generate New Actions" button
Screen Recording
FRAME 26 ~1:18 — 1:21
FEATURE — "Sentiment analysis"
Visual
Indigo gradient background, transitioning.
Text on screen
Catches what AI really thinks — before it compounds.
Text style
White text. "really thinks" in green (#22c55e). Animates word-by-word.
Kinetic Text
FRAME 27 ~1:21 — 1:24
"PUBLISHED" / Daily auto-audit results
Visual
Indigo background. Large centered text.
Text on screen
DAILY AUDITS. ZERO EFFORT.
Text style
White Inter 900 caps. Punchy, two-part statement. Each part animates in separately with a beat between.
Kinetic Text
FRAME 28 ~1:24 — 1:27
PRODUCT DEMO — Audit History (published/completed results)
Visual
Screen recording of Airo's Audits page showing a completed audit run. Multiple rows with green check marks. Dates showing consistent daily runs. Click one row to open the Audit Detail Modal showing all 6 platforms' results for one prompt.
Screen Recording
FRAME 29 ~1:27 — 1:30
INTEGRATIONS — "Easy integrations"
Visual
Black background. Integration platform logos floating around center text. Show: CSV icon, Google Sheets icon, Notion icon, Slack icon (aspirational), email icon.
Text on screen
Export your data. Easy integrations.
Text style
White text, "integrations" in purple. Logo icons orbit slowly around the text. "BLOG" from Outrank version becomes "data" for Airo context.
Airo currently has CSV export. Show the CSV/export icon prominently. Other integration logos are aspirational — keep them slightly smaller/dimmer.
Motion Graphic Kinetic Text
FRAME 30 ~1:30 — 1:33
INTEGRATIONS — Logos fully visible
Visual
Same as frame 29 but logos have settled into position. All visible: CSV, Google Sheets, Notion, Slack, Email. Text centered.
Motion Graphic
FRAME 31 ~1:33 — 1:36
SOCIAL PROOF — "2,400+"
Visual
Black background. Indigo arc lines radiating outward (like a radar/signal emanation). Large number centered.
Text on screen
2,400+
Sub-text
Below the number in smaller white text: "brands assessed" — then quick flash to "4.9/5 rating"
Animation
Number counts up rapidly from 0 to 2,400. Arc lines pulse outward on completion. Sub-text fades in after number lands.
Motion Graphic Kinetic Text
FRAME 32 ~1:36 — 1:39
CTA — "Start your FREE trial now"
Visual
Black background. Clean, no graphics.
Text on screen
Start your FREE trial now
Text style
White Inter 800, large centered. "FREE" in caps, slightly larger. Animates in word-by-word with slight bounce on "FREE".
Kinetic Text
FRAME 33 ~1:39 — END
END CARD — "meetairo.com"
Visual
Black background. Airo logo small above, URL large below. Subtle indigo glow behind the URL text.
Text on screen
meetairo.com
Text style
White Inter 700, large centered, lowercase. Hold for 3 seconds. Subtle indigo glow pulse once then settle.
Animation
Fade in from black. Logo drops in first (0.3s), then URL fades in below (0.5s). Hold. Music fades out.
End Card

Screen Recordings Needed

Record each of these separately at 1440p or higher. Editor will crop, zoom, tilt, and time to match frames.

#Page / FlowWhat to CaptureUsed in Frame(s)
1/get-started (Step 2)Type demo URL → AI autocomplete fills description7, 8
2Prompts pageScroll through prompt list with visibility scores. Click one to expand.12, 13
3Conversations pageShow conversation list with platform badges. Expand one to show full AI response.14
4DashboardFull view: KPI cards, platform chart, citation chart, trend line15
5Audits pageAudit history table. Click a row to open Audit Detail Modal showing all platforms.17, 28
6Prompts ManagementClick "Add Prompt" → type query in modal → see suggestions18
7Competitor AnalyticsSortable table with 5+ competitors. Click sort header. Show per-platform %.19
8Citations pageDomain list with counts, type badges, bar chart22
9Action CenterPriority cards, impact/effort, category tags, status toggles25
Recording tips:
- Use a clean demo account with realistic data (not "test" names)
- Browser: Chrome, no extensions visible, no bookmarks bar
- Window: maximized, 1440p resolution minimum
- Cursor: visible, moves naturally (not too fast)
- Record each flow 2-3 times — editor picks the cleanest take
- Export as MP4, 60fps, no compression

Asset Checklist for Video Editor

Music & Sound Design

SectionFramesMusic EnergySFX
Hook1-4Minimal, building tension — single synth padSubtle whoosh on text animations
Brand Reveal5-6Bass drop or impact hit on "AIRO"Glass/crystal impact on logo landing
Product Demo7-19Mid-energy tech ambient — confident, forward-movingSoft UI click sounds on screen interactions
Features20-30Building energy — more layers, fuller soundWhoosh on text transitions, soft pulse on number count-up
CTA + End31-33Peak energy → resolve → fade to silenceFinal impact on "meetairo.com" then clean fade
Reference vibe: Stripe product videos, Linear product videos, Vercel "ship" videos. Clean, minimal, confident. Never cheesy stock music.

Export Specifications

DeliverableResolutionAspectUse
Master1920x108016:9YouTube, website hero, LinkedIn
Square crop1080x10801:1Meta feed ads, Instagram feed
Vertical crop1080x19209:16TikTok, Reels, Shorts, Story ads
FormatMP4, H.264, 60fps, ~15-25 Mbps bitrate
AudioAAC 320kbps stereo
CaptionsBurned-in SRT for social versions. Clean (no captions) for website embed.
Airo Feature Video Brief • Adapted from Outrank (Tibo) format • 33 frames • ~98 seconds