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

Scene-by-scene timeline & spoken transcript

1. 0:00 – 0:04

   The Hook

   The Problem of Manual Guidelines

   “(No spoken dialogue — A driving, rhythmic synth bassline with crisp hi-hats and atmospheric pads creates an anticipatory mood.)”

   On screen

   of writing| all this Introducing Skills

   Camera

   Static, then a subtle zoom out revealing more text, followed by a quick cut to a full-screen blue background with text fading in.

   Motion

   Text reveal with typing cursor effect, quick cuts, and a smooth fade-in for the title.

2. 0:04 – 0:10

   Product Reveal

   Introducing Bolt Skills

   “(No spoken dialogue — The electronic score maintains its driving rhythm, with a high-energy audio transition and sub-bass hit at the cut.)”

   On screen

   Attach file Import from Figma Enhance prompt Search Help Center Database Connectors Skills Skill Creator Seo Geo Web Design Guidelines Writing Guidelines Manage Skills /writing-guidelines Bolt kno Just tell it once

   Camera

   Close-up on UI elements, panning and zooming to highlight menu selections and text input fields. The camera follows the user's interaction.

   Motion

   UI element reveals, nested menu animations, text input simulation, and a smooth pan to follow the cursor.

3. 0:10 – 0:16

   Feature Teaser

   Creating and Importing Skills

   “(No spoken dialogue — The music continues with arpeggiated synth melodies, building tension with risers and sweeps during transitions.)”

   On screen

   Add skills Skill Name brand-color-system Description Use when styling any UI element, page, or component that involves color. Covers backgrounds, text, buttons, borders, and states like hover, active, and disabled. Doesn't apply to illustrations, photography, or user-uploaded content colors. Start with "Use when" and name the trigger, scope, and boundary so bolt recalls it at the right time. Instructions # Brand color system Read this skill before applying color to any UI element. Use it to keep every screen visually consistent with the brand palette. ## Core palette - Primary: deep indigo (#4F46E5) — used for primary buttons, links, and active states. - Secondary: warm amber (#F59E0B) — used sparingly, for highlights and calls to attention only. - Neutral background: near-black (#0B0BDF) for dark mode, off-white (#FAFAFA) for light mode. - Text: high-contrast white/near-black — never pure #000 or #FFF. ## Usage rules - Never use more than one accent color (secondary) per screen. - Primary color is reserved for the single most important action B I Text Cancel Create Or import a Skill from GitHub Or Upload Or Upload a File .MD Browse through Writing Guidelines Bolt Curated Skills or you can just Let's build a prototype... /brand-color-system

   Camera

   Zoomed-in view of a form, then quick cuts between different text overlays and UI elements, simulating various input methods.

   Motion

   Form field population animation, icon-based transitions, and text overlays that appear and disappear with a subtle glow.

4. 0:16 – 0:20

   Call to Action

   Bolt Automates Your Workflow

   “(No spoken dialogue — The music reaches a peak with a final impactful sub-bass drop and a clean, modern outro.)”

   On screen

   b 3D Cylindr... Implement Phantom Studi... Version 27 at Mar 04 11:15 AM bolt I've restored your project to the version: "Untitled" (Restored) Untitled Version 28 at Mar 04 7:48 PM Let's build a prototype... Add now Preview Upgrade Share Publish Kozmo.Kitchen Recipes Market List You next masterpiece awaits. Curated flavors for your kitchen. Choose your meals and let the planning begin. All recipes Breakfast Quick Meals Vegetarian High Protein Low Carb Let Bolt take it from there. /skills Now in Bolt.new

   Camera

   Wide shot of the Bolt UI, with a focus on the output of the 'skill' application, then a fade to black with a final text reveal.

   Motion

   UI blur and unblur effect, content generation simulation, and a clean text fade-in for the call to action.