Launchscene
PricingSign in
Explore

Introducing canvas | A new surface to share and organize knowledge | Slack

Slack · Nov 2023 · 1:26 · AI-annotated

00:00:00 / 01:26:16

Flat-illustration brand open, a two-second logo reveal, then a rapid UI feature tour on shifting solid color fields, closed by a logo outro. Signature moves are isometric 3D document builds, icons orbiting and slotting into place, and hand-cursor walkthroughs with springy pops, slides and zooms.

No filming indicatedEstimated needs: 6 capture groups — your screens or recordings · 1 official logo — reused across the film · 7 graphic passages — draw or supply · 4 3D passages — build or supply

More like this

Introducing canvas | A new surface to share and organize knowledge | Slack, scene by scene

· 31 scenes as text

  1. 01 · Hook · 0:00–0:02

    A white rounded tile holding the multicolor Slack logo sits centered on a cream field. The tile and logo scale up gradually, growing larger toward the end of the clip.

    Camera: Static

  2. 02 · Hook · 0:02–0:07

    Four flat vector avatars bob in a row inside a rounded pill that opens from the center. The pill cycles colors from white to purple, green, teal and yellow as a white icon swaps between a hashtag, chat bubbles, headphones and a video camera, then shrinks to one avatar.

    On-screen text: “#”

    Techniques: Masking

    Camera: Static

  3. 03 · Hook · 0:07–0:08

    On a cream background, a yellow video-camera icon centered in frame drifts up and left as a blue hashtag icon and a purple headphone icon appear beside it, the three flat app icons settling into a loose cluster.

    Camera: Static

  4. 04 · Hook · 0:08–0:10

    Four flat rounded-square icons (video, headphones, chat, hashtag) in yellow, blue, green and purple orbit a central gap on a cream background, swapping positions as they rotate.

    Camera: Pan

  5. 05 · Hook · 0:10–0:11

    A flat beige field. A blue rounded-square icon with a white headphone glyph sits low right, then slides off as an isometric white card stack with gray text lines rises from the bottom edge into frame.

    Camera: Static

  6. 06 · Hook · 0:11–0:15

    An isometric white slab with gray text lines rests on a cream field. Colored 3D cubes bearing icons drop from above and slot into the slab's stepped edge, then the slab flattens and the cubes clear, leaving the plain document.

    Techniques: 3D mockup, Morph

    Camera: Static

  7. 07 · Product intro · 0:15–0:15

    An isometric white document card with gray text lines floats on a cream background. A large purple circle sweeps in from the right edge, opening to reveal the white slack canvas wordmark with the multicolor Slack hash.

    On-screen text: “slack canvas”

    Techniques: 3D mockup, Masking

    Camera: Static

  8. 08 · Product intro · 0:15–0:16

    A deep-purple field fills the frame as a lighter shape and a white sliver clear from the corners. The Slack Canvas logo, a four-color hashtag mark beside the white wordmark, sits centered and sharpens from a soft blur. The frame stays locked.

    On-screen text: “slack canvas”

    Techniques: Masking

    Camera: Static

  9. 09 · Product intro · 0:16–0:17

    The Slack Canvas logo lockup sits centered on a deep purple field. A soft, lighter purple circle fades in behind the wordmark, and the frame holds still.

    On-screen text: “slack canvas”

    Camera: Static

  10. 10 · Demo · 0:17–0:18

    A flat chat workspace window slides in from the right over a pink backdrop and settles to the left. A hand cursor then appears near the top-right member and call icons.

    Techniques: Cursor demo

    Camera: Push in

  11. 11 · Demo · 0:18–0:19

    A Slack-style workspace shows the # project-alpha channel. A cursor clicks the panel icon in the top right, and a right sidebar slides in with Project Alpha details, key resources, and stakeholder avatars. The view reframes to follow the panel.

    Techniques: Cursor demo, UI zoom

    Camera: Pan

  12. 12 · Demo · 0:19–0:24

    A chat app window shows the #project-alpha channel with a floating Project Alpha card listing key resources and stakeholders. A hand cursor clicks the canvas icon in the header, and the card expands into a docked Canvas side panel as the view zooms in slightly.

    Techniques: Cursor demo, Morph, UI zoom

    Camera: Push in

  13. 13 · Demo · 0:24–0:25

    A 3D-tilted app window on a pink gradient shows a Canvas panel titled Project Alpha with placeholder lines, resource icons and stakeholder avatars. A hand cursor hovers over the duplicate icon in the header as the frame holds with a slight push-in.

    Techniques: 3D mockup

    Camera: Push in

  14. 14 · Feature reveal · 0:25–0:26

    A white canvas card titled Project Alpha sits centered on a green background, the dimmed channel view behind it fading out. A cursor hand glides to the left edge as a small Action Items checklist card fades in beside it.

    Techniques: Cursor demo

    Camera: Push in

  15. 15 · Feature reveal · 0:26–0:31

    A flat browser window on a green background shows a Project Alpha canvas with an Action Items checklist. A hand cursor clicks a Request Manager Approval card, the frame zooms onto it, and it expands into a modal form with a Priority dropdown and a Send button.

    Techniques: Cursor demo, UI zoom

    Camera: Static

  16. 16 · Feature reveal · 0:31–0:32

    A flat browser window on a green field shows a task list. A hand cursor hovers over a Send button, then the panel scrolls up, sliding the Request Manager Approval card to the top and revealing a Technical Resources card with blue placeholder lines.

    Techniques: Cursor demo

    Camera: Static

  17. 17 · Feature reveal · 0:32–0:32

    A flat white document window on a green background scrolls upward in a locked-off frame. The Technical Resources heading and blue placeholder bars slide out of view, revealing the Key Stakeholders section with two stakeholder names.

    Camera: Static

  18. 18 · Feature reveal · 0:32–0:41

    A flat browser window on a green field shows a doc editor. The cursor expands a Key Stakeholders card into member tiles, then clicks an avatar to switch to a decisions view where a sentence types itself and a comment icon appears.

    Techniques: Morph, Cursor demo, UI zoom

    Camera: Static

  19. 19 · Feature reveal · 0:41–0:42

    A white app window on a green background crossfades from a decisions page to a comment thread, where a user questions the due date. A hand cursor hovers over the comment icon at the right edge.

    Techniques: Cursor demo

    Camera: Static

  20. 20 · Feature reveal · 0:42–0:46

    A white comment dialog with a purple header sits on a green background. A second comment fades in below the first, then a hand cursor moves to the close icon and the dialog slides right to reveal a second window behind it.

    Techniques: Cursor demo

    Camera: Static

  21. 21 · Feature reveal · 0:46–0:48

    A flat browser window on a green background scrolls its content down, moving from a Latest Decisions note to a Primary Stakeholders card with two illustrated avatars. A small video thumbnail of potted plants slides in from the left edge.

    Camera: Static

  22. 22 · Feature reveal · 0:48–1:07

    A flat browser window on green: cursors drop a video and two plant images into the canvas, then link cards fly in. The page scrolls past checklists, a cursor types a welcome line, and teammate avatars pop in around the window.

    Techniques: Cursor demo, UI zoom

    Camera: Static

  23. 23 · Feature reveal · 1:07–1:09

    A flat illustrated project document with rocket and lightbulb cards opens in close-up, then the frame pulls back to reveal the full Slack workspace with sidebar, search bar, and Canvas panel. Four teammate avatars sit on a green backdrop; a cursor hovers at the window's top-left.

    Techniques: Cursor demo, UI zoom

    Camera: Static

  24. 24 · Feature reveal · 1:09–1:13

    A flat Slack-style window sits on a pink background. A cursor clicks the top search bar, the view zooms in as a dropdown opens, and the word Technical is typed, revealing two matching suggestions below.

    Techniques: Cursor demo, UI zoom

    Camera: Push in

  25. 25 · Feature reveal · 1:13–1:15

    Close-up of a chat app's search dropdown. 'Technical' sits in the search field as two results fade in below it, and the cursor slides down to the 'Technical Resources' row, which highlights in blue.

    Techniques: Cursor demo

    Camera: Static

  26. 26 · CTA · 1:15–1:16

    A 3D window mockup on a magenta field shows a cursor tapping a Request Submitted button. The camera swings to a flat front view and zooms onto the Technical Resources card, where a purple dot pulses over blue placeholder lines.

    Techniques: 3D mockup, Cursor demo, UI zoom

    Camera: Static

  27. 27 · CTA · 1:16–1:17

    A small light blue rounded rectangle on a purple background expands into a white card, revealing a flat illustration of a brown hand holding a white envelope over a blue panel.

    On-screen text: “Technical Resources”

    Techniques: Masking

    Camera: Static

  28. 28 · CTA · 1:17–1:21

    Flat vector illustration on a purple background: four hands of different skin tones enter from the corners and grip a white square over a four-color quadrant backdrop. The hands release, and the square sits centered with a small multicolored pinwheel of arcs and dots.

    Camera: Push in

  29. 29 · Outro · 1:21–1:22

    A four-color ring of arcs with dotted ends sits centered on white, then breaks into four gaps; the arcs drift apart and shrink until they fade out.

    Techniques: Morph

    Camera: Static

  30. 30 · Outro · 1:22–1:22

    Four colored dots at center stretch into the Slack logo on a white field. A purple circle grows from the right edge until it fills the frame, leaving the logo centered on purple.

    Techniques: Morph, Masking

    Camera: Static

  31. 31 · Outro · 1:22–1:26

    On a deep purple field, the Slack logo and wordmark wipe in through a curved mask as a white shape slides out of the lower corner. A white tagline then fades in beneath the logo, and the frame holds on the centered lockup.

    On-screen text: “Where the future works”

    Techniques: Masking

    Camera: Static