Framer · Launch Video Breakdown: Hook, Pacing & Motion Design

Scene-by-scene timeline & spoken transcript

1. 0:00 – 0:04

   The Hook

   Standards Shouldn't Need Repeating

   “Your standards shouldn't need repeating. With Framer, they don't.”

   On screen

   New chat No gradients Use curly quotes Use Inter Medium, never li

   Camera

   Extreme close-up macro pan across a dark UI prompt input field.

   Motion

   Kinetic typography typing simulation with smooth character-by-character text fill.

2. 0:04 – 0:10

   Problem Agitation

   Generation Without Skills

   “Here the agent is building a new about page, without skills. It's a good start, but just watch.”

   On screen

   Helping teams do better research. What we're building Our principles Clear by default Evidence matters Privacy is essential How we work

   Camera

   Wide framing of infinite dark canvas zooming into wireframe blocks.

   Motion

   Glowing cyan bounding box outline animating layout block generation.

3. 0:10 – 0:17

   Product Reveal

   Prompts vs Skills

   “See, prompts tell the agent what to do. Skills tell it how you want things to be done.”

   On screen

   Create a new About page for the site use /design-system GPT 6 Astra

   Camera

   Center-framed floating modal zoom on prompt entry.

   Motion

   Inline slash command badge conversion with neon pill highlight.

4. 0:17 – 0:22

   Feature Teaser

   Elevated Generation with Design Systems

   “Which takes the same prompt a whole lot further.”

   On screen

   Research should be easier to check. Traceable sources Review claims faster Design to scale

   Camera

   Smooth camera pull-out revealing complex dual-page generated layouts.

   Motion

   Cascading element reveal with rich media placeholders and gradient graphics.

5. 0:22 – 0:30

   Call to Action

   Teach Framer How You Work

   “You can build skills for almost anything. Just type /skills and start teaching Framer how you work.”

   On screen

   /cms-structure /brand-voice /skills

   Camera

   Direct frontal focus on glowing badge transitions followed by logo lockup.

   Motion

   Glowing electric blue border pulse and snappy Framer geometric logo reveal.