# SaaS Scene Library - agent brief

Reference library of 100 motion scenes for SaaS explainer videos (9:16 shorts and 16:9 long form).
Live gallery: index.html. Machine-readable specs: scenes.json. Clean player for recording: play.html?id=N (&o=land, &native=1, &once=1, &wm=yourbrand.io).

Product names (Pulse, Nimbus, Relay...) are placeholders. Replace them with the client's product, screens and numbers.

## Look
- Stage off-white #F1F1EF with a faint dot grid, or dark #0E0F12 for premium moments. Watermark centered at the bottom.
- Inter Tight. Mix sizes in one sentence: small setup line, huge bold key word (140-200px on 1080 wide), small tail.
- One accent per scene: blue #2F5BFF, mint #12A67A, amber #E8950C, violet #7B5CFF, rose #EE3F6E, teal #0A9BB0, ink #111113.
- UI shown as white cards (radius 26-30px) with a deep soft shadow; optional 3D tilt or slow float. Browser and phone frames for product shots.
- Speech bubbles are solid ink pills with a tail. The mascot "Pip" (rounded bot) represents AI agents.

## Motion
- Words appear one at a time every 0.13s: blur 12px -> 0, rise 26px, grey -> ink. Emphasis words go bold, highlighted (ink box) or accent.
- Cards rise 140px with blur over 0.9s, easing cubic-bezier(.2,.8,.2,1). Inner items stagger 0.1-0.15s.
- Numbers count up, charts draw left to right, bars grow, toggles flip, text types in, cursor glides in and clicks.
- Hold the final frame 1s+, exit with a 0.45s blur-out.

## Structure of a video
1. Hook (1 scene, 3-5s)  2. Problem (1-2)  3. Reveal  4. 3 features / AI moments  5. Proof  6. Pricing  7. How it works  8. CTA.
Shorts: 8-14 scenes, 45-75s. Long form: 30-60 scenes.

## Scenes

### Hook

**001 Bold question hook** (4s, blue) - Open a short with a pain question the viewer answers "yes" to.
- 0.1s Kinetic text: "Still building / reports / by hand?"
- 0.9s Decor: spark
- 1.1s Decor: spark

**002 Shock stat hook** (4.5s, rose) - Lead with one surprising number.
- 0.1s Kinetic text: "Teams waste"
- 0.5s stat: "every week on busywork"

**003 Stop doing this** (4s, ink) - Pattern interrupt: tell the viewer to stop a habit.
- 0.1s Kinetic text: "Stop / paying for / 5 tools / that do one job"

**004 Hidden tool reveal** (5s, violet) - Tease a tool "nobody talks about" with a floating product card.
- 0.1s Kinetic text: "The tool / nobody is talking about"
- 1.1s hero in browser (tilted): "Ship docs 10x faster"

**005 Price drop hook** (4.5s, mint) - Show an expensive price crossed out and the free price.
- 0.1s Kinetic text: "It used to cost"
- 0.4s strike: "and it is open source"

**006 Replaced 5 apps** (5s, amber) - One product replaces a stack of apps.
- 0.1s Kinetic text: "This one app / replaced 5 of mine"
- 1.0s logos

**007 Notification flood** (4.5s, rose) - App icon badge counts up fast: overload.
- 0.1s appicon
- 0.9s Kinetic text: "If this is your / Monday"

**008 Yes-man bubbles** (5s, blue) - Dialogue in black speech bubbles to set up a relatable problem.
- 0.1s Kinetic text: "Your dashboard is a / yes-man"
- 1.0s bubbles

**009 Countdown hook** (4.5s, teal) - Time-bound promise: set up in 60 seconds.
- 0.1s ring: "to set up"
- 0.8s Kinetic text: "From signup to / first insight"

**010 Save this video** (4s, violet) - Bookmark prompt to push saves.
- 0.1s icon
- 0.5s Kinetic text: "Save this / before you forget / you will need it"

**011 Everyone gets this wrong** (4.5s, ink) - Contrarian opener with big highlighted words.
- 0.1s Kinetic text: "Most founders / track / the wrong metric"
- 1.2s Decor: spark

**012 Split question** (5s, amber) - Two options, viewer picks. Good for polls and A/B hooks.
- 0.1s Kinetic text: "Which one are you?"
- 0.6s compare

### Problem

**013 Tab chaos** (4.5s, rose) - Too many browser tabs: context switching pain.
- 0.1s Kinetic text: "Your workday: / 18 tabs open"
- 0.8s tabs in browser

**014 Spreadsheet errors** (5s, rose) - Broken spreadsheet with #REF! errors popping.
- 0.1s sheet in card (tilted)
- 1.4s Kinetic text: "One broken formula / and the whole report lies"

**015 Time drain clock** (4.5s, amber) - Fast spinning clock for wasted time.
- 0.1s clock
- 0.6s Kinetic text: "Hours gone on / manual updates"

**016 Cost stack** (5s, rose) - Stacked subscription costs add up.
- 0.1s Kinetic text: "Your tool bill"
- 0.5s table in card

**017 Churn chart drop** (5s, rose) - Line chart trending down, red delta.
- 0.1s Kinetic text: "Then this happens"
- 0.5s chart in card: "Active customers"

**018 Message overload** (5s, amber) - Toast notifications pile in.
- 0.1s toasts
- 1.8s Kinetic text: "Sound familiar?"

**019 Missed deadline** (4.5s, rose) - Calendar with the due date flagged.
- 0.1s Kinetic text: "And the launch / slips again"
- 0.7s calendar in card

**020 Copy paste loop** (5s, blue) - Manual loop between apps shown as a chain.
- 0.1s Kinetic text: "Every Friday:"
- 0.5s chain
- 2.2s Kinetic text: "for 3 hours"

**021 Sad mascot** (4s, violet) - Mascot with sad face to humanize the pain.
- 0.1s pip: "Meet Sam"

**022 Limit reached** (4.5s, rose) - Usage meter maxed out: plan limits.
- 0.1s Kinetic text: "Right when you grow / you hit the wall"
- 0.8s meter in card

**023 Data silos** (5s, amber) - Apps floating apart, not connected.
- 0.1s Kinetic text: "Your data lives in / 12 places"
- 0.8s logos

**024 Nobody reads it** (4.5s, ink) - Report sent, zero opens: quiet frustration.
- 0.1s inbox in card: "Sent"
- 1.2s Kinetic text: "and nobody opens it"

### Reveal

**025 Name pill reveal** (4s, blue) - Introduce the product name as a chip.
- 0.1s Kinetic text: "It is called"
- 0.6s pill: "Pulse"

**026 Browser hero reveal** (5s, violet) - Landing page in a browser frame rises in, tilted.
- 0.1s Kinetic text: "Meet / Nimbus"
- 0.8s hero in browser (tilted): "Docs that write themselves"

**027 Phone app reveal** (5s, mint) - Mobile app mock slides in with floating motion.
- 0.1s mobile in phone
- 1.0s Kinetic text: "Your whole business / in your pocket"

**028 Dashboard reveal** (5.5s, blue) - Main dashboard with counting KPIs and drawn chart.
- 0.1s Kinetic text: "One screen. / Every number."
- 0.7s dash in card (tilted)

**029 Orbit integrations** (6s, teal) - Product at center, integrations orbiting.
- 0.1s Kinetic text: "Plugs into / everything you use"
- 0.6s orbit

**030 One-line definition** (4.5s, ink) - Plain definition in kinetic type.
- 0.1s Kinetic text: "Think of it as a / co-pilot / for your whole revenue team"

**031 Mascot intro** (4.5s, blue) - Mascot introduces itself as the AI assistant.
- 0.1s pip: "Hi, I am Pip"
- 0.8s Decor: spark
- 1.0s Decor: spark

**032 Tagline zoom** (4s, violet) - Big tagline with zooming highlight.
- 0.1s Kinetic text: "Less busywork. / More building."

**033 Before/after split** (5.5s, mint) - Two columns: without vs with the product.
- 0.1s Kinetic text: "Here is the difference"
- 0.5s compare

**034 Dark mode reveal** (5s, violet, dark) - Dark stage product reveal for premium feel.
- 0.1s Kinetic text: "Built for teams who / ship fast"
- 0.7s dash in card: "Deploys"

**035 Stacked screens** (6s, amber) - Three product screens fan in, layered.
- 0.1s inbox in card (tilted) (placed absolutely)
- 0.5s chart in card (tilted) (placed absolutely)
- 0.9s pricing in card (placed absolutely)

**036 Chain of value** (5s, blue) - Input to AI to output chain.
- 0.1s Kinetic text: "Drop in your data. / Get answers"
- 0.9s chain

### Feature

**037 Feature icon list** (5s, blue) - Three benefits appear one by one.
- 0.1s Kinetic text: "What you get"
- 0.5s list

**038 No-no-no list** (5s, mint) - Negation list: no code, no setup, no training.
- 0.1s list
- 1.6s Kinetic text: "Just results"

**039 Kanban drag** (5s, violet) - Card dragged across board columns.
- 0.1s Kinetic text: "Plan work where / it moves itself"
- 0.6s kanban in card

**040 Automation flow** (5.5s, amber) - Trigger -> action nodes with animated connectors.
- 0.1s Kinetic text: "Set it once. / It runs forever"
- 0.7s flow

**041 Smart inbox** (5s, blue) - Inbox rows sorted and tagged by AI.
- 0.1s inbox in card
- 1.2s Kinetic text: "Your inbox, / already sorted"

**042 Auto scheduling** (5s, mint) - Calendar fills with events automatically.
- 0.1s Kinetic text: "Meetings book / themselves"
- 0.6s calendar in card

**043 Instant search** (5s, teal) - Natural language search typed and results appear.
- 0.1s search in card
- 2.2s Kinetic text: "Ask like a human. / Find anything"

**044 Command palette** (4.5s, violet) - Keyboard-first power user command menu.
- 0.1s Kinetic text: "Everything is / one shortcut away"
- 0.6s palette in card

**045 Settings toggles** (4.5s, blue) - Switches flip on in sequence.
- 0.1s toggles in card
- 1.8s Kinetic text: "Turn it on. / Done."

**046 File upload** (5s, amber) - Files upload with progress bars and checkmarks.
- 0.1s Kinetic text: "Drop your files. / We handle the rest"
- 0.6s upload in card

**047 Live notifications** (4.5s, mint) - Positive event toasts: payments, signups, reviews.
- 0.1s toasts
- 1.6s Kinetic text: "Know the moment / it happens"

**048 Team collaboration** (4.5s, violet) - Avatars stack in, team joins.
- 0.1s avatars
- 0.9s Kinetic text: "Bring the / whole team"

**049 Integrations wall** (5s, teal) - Grid of integration icons popping in.
- 0.1s Kinetic text: "200+ integrations"
- 0.6s logos

**050 Developer API** (5.5s, blue) - Code snippet in a dark editor card.
- 0.1s Kinetic text: "Developers get a / clean API"
- 0.7s code in dark card (tilted): "track.ts"

**051 One-command install** (5s, mint) - Terminal types install command, success lines.
- 0.1s Kinetic text: "Install in / one command"
- 0.6s terminal in dark card: "Terminal"

**052 Email composer** (5.5s, rose) - AI writes and sends a campaign email.
- 0.1s mail in card
- 2.6s Kinetic text: "Campaigns that / write themselves"

**053 CRM pipeline** (5s, amber) - Pipeline board with deal moved to Won.
- 0.1s Kinetic text: "Deals move / while you sleep"
- 0.6s kanban in card

**054 Invoice paid** (5s, mint) - Invoice with amount counting and status flipping to Paid.
- 0.1s Kinetic text: "Get paid / 2x faster"
- 0.6s invoice in card

**055 Security shield** (5s, teal) - Security trust: shield icon plus checklist.
- 0.1s icon
- 0.7s list

**056 Uptime status** (5s, mint) - Status bars fill with uptime percent.
- 0.1s Kinetic text: "It just / stays up"
- 0.6s uptime in card

**057 Multi-language** (4.5s, violet) - Language chips pop in.
- 0.1s Kinetic text: "Speaks your / customers' language"
- 0.7s chips

**058 Templates** (5s, amber) - Category chips then template cards.
- 0.1s Kinetic text: "Start from / 100+ templates"
- 0.6s chips
- 1.4s skeleton in card: "Launch campaign"

**059 Reports export** (5s, mint) - Report ready with export chips.
- 0.1s Kinetic text: "Board-ready reports / in one click"
- 0.6s chart in card: "Q3 revenue by month"
- 1.6s chips

**060 Onboarding checklist** (5s, blue) - Checklist ticks off setup tasks.
- 0.1s checklist in card
- 2.1s Kinetic text: "Set up in / under 5 minutes"

### AI

**061 AI prompt to result** (5.5s, violet) - Prompt typed, result tiles appear.
- 0.1s Kinetic text: "Just describe it"
- 0.5s prompt in card

**062 AI chat answer** (6.5s, blue) - User asks, AI streams an answer.
- 0.1s chat in card
- 3.2s Kinetic text: "Ask your data / anything"

**063 AI writes the doc** (5s, mint) - Prompt produces written text lines.
- 0.1s prompt in card
- 2.4s Kinetic text: "First draft in / seconds"

**064 AI agents team** (5.5s, blue) - Grid of mascots = a team of AI agents.
- 0.1s Kinetic text: "You get / 15 specialised / AI agents"
- 0.8s pipgrid

**065 Agent roles** (5s, amber) - One mascot with role label, e.g. "The Analyst".
- 0.1s Kinetic text: "The Analyst"
- 0.4s pip
- 0.2s Decor: rings

**066 Picks the right model** (5s, violet) - Router: one input to several model options.
- 0.1s Kinetic text: "It picks the / right AI for each task"
- 0.8s list

**067 Wink mascot tip** (4s, mint) - Mascot wink with a pro tip line.
- 0.1s pip
- 0.7s Kinetic text: "Pro tip: / ask it to explain the why"

**068 Memory context** (5s, blue) - Arrow list of what the AI remembers.
- 0.1s Kinetic text: "It remembers you"
- 0.6s list

**069 AI suggestion toast** (4.5s, violet) - Proactive AI insight appears as a card.
- 0.1s toasts
- 0.9s Kinetic text: "It tells you / what to do next"

**070 Human vs AI** (5s, ink) - Horizontal bars comparing time for human vs AI.
- 0.1s Kinetic text: "Weekly report time"
- 0.6s hbars

### Proof

**071 Big counter** (4s, blue) - Single metric counts up big.
- 0.1s stat: "teams use it daily"

**072 Growth chart** (5s, mint) - MRR line chart draws upward.
- 0.1s Kinetic text: "After 90 days"
- 0.5s chart in card

**073 X times faster** (5s, amber) - Speed comparison bars vs competitors.
- 0.1s Kinetic text: "4x faster / than the old way"
- 0.7s hbars

**074 Testimonial card** (5.5s, violet) - Star rating quote card.
- 0.1s quote in card (tilted)
- 1.2s Kinetic text: "Do not take / our word for it"

**075 Time saved ring** (4.5s, mint) - Donut ring fills to percent saved.
- 0.1s ring: "less admin time"
- 1.0s Kinetic text: "Give your team / its week back"

**076 Customer world map** (5s, blue) - Dot map lights up customer locations.
- 0.1s Kinetic text: "Used in / 64 countries"
- 0.6s world

**077 Stat trio** (5s, teal) - Three KPIs in a dashboard card.
- 0.1s Kinetic text: "The numbers"
- 0.5s dash in card: "Customer results"

**078 Leaderboard** (5s, amber) - Ranked table with the product on top.
- 0.1s Kinetic text: "Rated #1 in its category"
- 0.6s table in card

**079 Avatars social proof** (4.5s, rose) - Avatar stack plus "join 12,000 teams".
- 0.1s avatars
- 0.9s Kinetic text: "Join 12,000 teams"

**080 Review toasts** (5s, amber) - Stream of 5-star reviews.
- 0.1s toasts

**081 Before after numbers** (5s, mint) - Old number strikes out, new number pops.
- 0.1s Kinetic text: "Report time"
- 0.3s strike: "per week, per person"

**082 Stars rating** (4s, amber) - Big 4.9 rating with stars.
- 0.1s stat: "from 2,300 reviews"
- 0.8s quote in card

### Pricing

**083 Pricing card** (5s, blue) - Single plan card with features.
- 0.1s Kinetic text: "All of it for"
- 0.5s pricing in card (tilted)

**084 Free plan badge** (4s, mint) - Emphasize free tier with big button.
- 0.1s Kinetic text: "And it is / free / for up to 5 users"
- 1.2s bigbtn: "Start free"

**085 Us vs them pricing** (5.5s, violet) - Competitor price vs ours in bars.
- 0.1s Kinetic text: "Per seat, per month"
- 0.6s hbars

**086 Plan cards fan** (6s, amber) - Three plan cards stacked and angled.
- 0.1s pricing in card (tilted) (placed absolutely)
- 0.4s pricing in card (tilted) (placed absolutely)
- 0.8s pricing in card (placed absolutely)

**087 Hidden costs** (5s, rose) - Invoice with add-on lines that surprise.
- 0.1s Kinetic text: "Other tools charge / for every add-on"
- 0.7s invoice in card

**088 ROI calculator** (5s, mint) - Form with numbers producing savings.
- 0.1s form in card: "Savings calculator"

**089 Annual toggle** (4.5s, blue) - Monthly/yearly switch flips with discount tag.
- 0.1s toggles in card: "Billing"
- 0.9s stat

**090 Money-back guarantee** (4s, teal) - Shield icon + guarantee line.
- 0.1s icon
- 0.6s Kinetic text: "Try it for 30 days / or get every cent back"

### How-to

**091 Three steps** (5.5s, blue) - Numbered 3-step timeline.
- 0.1s Kinetic text: "How it works"
- 0.5s steps

**092 Sign-up form** (5.5s, violet) - Form fields typed, button pressed.
- 0.1s Kinetic text: "Step 1"
- 0.4s form in card: "Create your workspace"
- 3.0s Cursor glides in and clicks

**093 Connect sources** (5s, teal) - Chain of connections: sources to product.
- 0.1s Kinetic text: "Step 2: connect / your data"
- 0.7s flow

**094 Deploy button** (4.5s, mint) - Cursor clicks the big launch button.
- 0.1s Kinetic text: "Step 3"
- 0.4s bigbtn: "Go live"
- 0.5s Cursor glides in and clicks

**095 Progress setup** (4.5s, blue) - Setup progress bar fills to 100%.
- 0.1s icon
- 0.4s progress
- 2.2s Kinetic text: "That is it."

**096 Invite team flow** (5s, amber) - Command palette invite then avatars.
- 0.1s palette in card
- 1.8s avatars

### CTA

**097 Comment keyword CTA** (5s, violet) - Comment a keyword to get a free guide.
- 0.1s Kinetic text: "Comment / "PLAYBOOK""
- 0.7s cover
- 1.6s Kinetic text: "and I will send you the free guide"

**098 Follow for more** (4s, blue) - Follow prompt with mascot.
- 0.1s pip
- 0.6s Kinetic text: "Follow for / one tool a day"
- 1.0s Decor: spark

**099 Recap list** (5.5s, mint) - Recap of key benefits then CTA.
- 0.1s Kinetic text: "So, recap:"
- 0.5s list
- 2.0s bigbtn: "Link in bio"

**100 End card** (5s, blue) - Logo + tagline + URL end card.
- 0.1s icon
- 0.6s Kinetic text: "Pulse / Your metrics, explained."
- 1.4s pill: "pulse.io"