Launchscene
PricingSign in
Explore

Notion - Now in beta: Notion as code. Define an entire workspace in TypeScrip

Notion · Jul 2026 · 0:51 · AI-annotated

Length
0:51
Scenes
12 · 4.3 s avg
Product on screen
0:00
Voiceover
No
00:00:00 / 00:51:06

Notion’s 0:51 launch film runs 12 scenes, about 4.3 s each. The product is on screen from the first frame. There is no explicit call to action. A launch film for Notion's beta 'Notion as code' feature, built as one continuous proof: a title card, a Claude Code session that types a prompt and generates the workspace in TypeScript, a deploy, then a tour of the resulting Notion UI, closed by a value card and the logo.

No filming indicatedEstimated needs: 1 capture group — your screens or recordings · 1 official logo — reused across the film · 1 3D passage — build or supply
Plan my film from this onePrintable storyboard

Is this your launch? to your site or press kit.

More like this

Notion - Now in beta: Notion as code. Define an entire workspace in TypeScrip, scene by scene

· 12 scenes as text

  1. 01 · Product intro · 0:00–0:02

    On a plain cream background, the headline “Now in beta:” reveals through a horizontal mask, then the second line “Notion as code” fades in beneath it, the word “code” trailing in last. The frame stays locked and the text holds still.

    On-screen text: “Now in beta:”, “Notion as code”

    Techniques: Masking, Kinetic type

    Camera: Static

  2. 02 · Demo · 0:02–0:18

    A dark Claude Code terminal window sits on a light gray field, then the frame zooms into the input area at the bottom. A long prompt types out character by character and scrolls upward as new lines appear, while a black arrow cursor rests at the bottom edge and a yellow status line stays fixed below the text.

    On-screen text: “Now in beta:”, “Notion as code”

    Techniques: UI zoom, Cursor demo

    Camera: Push in

  3. 03 · Demo · 0:18–0:28

    A dark terminal window floats on a light gray field, settling into frame as its log fills in. White monospace lines type out and scroll upward, the prompt block stays highlighted, and the red status line ticks up its token count while a block cursor blinks at the prompt.

    Camera: Pull out

  4. 04 · Demo · 0:28–0:29

    A dark code editor window on a light gray background types out a Notion workspace script. Lines scroll upward as new code appears, a block cursor blinks at the prompt, and a mouse pointer hovers below the window.

    Camera: Static

  5. 05 · Demo · 0:29–0:33

    A dark code editor window on a light gray background scrolls TypeScript code rapidly upward as it is generated, line numbers shifting, a white cursor arrow resting over the lines, and a small “1 new message” badge and status bar pinned at the bottom.

    Techniques: Cursor demo

    Camera: Static

  6. 06 · Demo · 0:33–0:37

    A dark terminal window on a light gray background scrolls through a code diff and agent status lines. The prompt types out “deploy it!” as the frame zooms in, then the window rotates in 3D to reveal a Notion workspace list behind it.

    Techniques: UI zoom, 3D mockup

    Camera: Pan

  7. 07 · Demo · 0:37–0:42

    A Notion window mockup sits centered on a white background, easing in with a brief blur. The left sidebar list scrolls to refresh its items, then a cursor moves up and hovers the Docs entry, which expands and updates the top breadcrumb.

    Techniques: Cursor demo

    Camera: Static

  8. 08 · Demo · 0:42–0:45

    A Notion window displays a Docs table with a left sidebar. A hand cursor moves down to Marketing Hub, and the main panel cross-fades from the document list to the Marketing Hub page.

    Techniques: Cursor demo

    Camera: Static

  9. 09 · Demo · 0:45–0:45

    A Notion workspace interface sits in slight 3D perspective on a white background, the Marketing Hub page open with a megaphone icon and a docs table. A hand cursor hovers over the Marketing Hub item in the left sidebar.

    Techniques: 3D mockup, Cursor demo

    Camera: Static

  10. 10 · Other · 0:45–0:48

    On a plain cream background, the headline 'Define in TypeScript' slides into the center, then 'Deploy via API' appears on a second line below, its last letter fading in from gray to black. The frame stays locked off.

    On-screen text: “Define in TypeScript”, “Deploy via API”

    Techniques: Kinetic type

    Camera: Static

  11. 11 · Outro · 0:48–0:49

    A small black isometric cube with a white front face bearing the letter N holds centered on a plain cream background. The mark stays static for the full shot.

    Camera: Static

  12. 12 · Outro · 0:49–0:51

    On an off-white background, the black Notion cube icon rotates from an angled 3D view to a flat front face as the Notion wordmark fades in to its right. The lockup holds centered in a locked-off frame.

    Camera: Static