Framer · Design · Nov 2025
Introducing Canvas in Gemini
Google · Mar 2025 · 1:00 · AI-annotated
The video is built as a chain of black title cards, each holding one line with a single keyword highlighted in blue, handing off to 3D-tilted renders of the Gemini interface. Cuts land on a steady pulse near 117 bpm at about 13 per minute, and the signature moves are slow camera pushes, perspective rotations of the UI, and word fragments that scatter and reassemble.
More like this
Cursor · Developer tools · Feb 2026
Commas · Sep 2026
Introducing Canvas in Gemini, scene by scene
· 34 scenes as text
01 · Product intro · 0:00–0:01
A small blue four-pointed star sits center on black, then scales up and drifts left while shifting to magenta. The white Gemini wordmark fades in to its right, forming the centered logo lockup over a faint dark-blue gradient.
Camera: Static
02 · Product intro · 0:01–0:02
A dark Gemini interface sits on a 3D tablet, angled in perspective with a blue gradient shape behind it. The camera rotates the device to a flat frontal view, centering the greeting in a blue-to-purple gradient above the input bar.
Techniques: 3D mockup
Camera: Static
03 · Product intro · 0:02–0:04
A phone and a tablet mockup stand in 3D perspective on a dark blue field, both showing the Gemini app with a blue-to-purple “Hello, Teresa” greeting. The frame is locked off, with a soft blue glow tracing the device edges.
Techniques: 3D mockup
Camera: Static
04 · Product intro · 0:04–0:05
A phone and tablet mockup of the Gemini app sit angled in 3D space, then slide apart and fade as a bright orb pulses on the left. The headline scales in centered on a dark blue field.
On-screen text: “Your AI assistant from Google”
Techniques: 3D mockup, Kinetic type
Camera: Push in
05 · Feature reveal · 0:05–0:10
A white and purple line of text scales down on black, then a blue-purple gradient line appears and breaks into scattered fragments that reassemble into the word collaboration. A glowing blue-purple ring frames the small word Introducing.
On-screen text: “Your AI assistant from Google”, “Reimagined for better”, “collaboration”, “Introducing”
Techniques: Kinetic type
Camera: Static
06 · Feature reveal · 0:10–0:12
Centered on a black background, the word Introducing scales up from small to full size over half a second, then Canvas in Gemini appears below it in smaller type. Both hold on a locked-off frame.
On-screen text: “Introducing”, “Canvas in Gemini”
Techniques: Kinetic type
Camera: Static
07 · Feature reveal · 0:12–0:14
The title sits centered on black as a glowing blue screen border draws in around it. The frame then dives into the interface, settling on a dark pill-shaped chip with a list-and-pencil icon.
On-screen text: “Canvas in Gemini”, “Sequences shortened and screen images simulated. Results for illustrative purposes and may vary. Check responses for accuracy. Internet connection required. Cre”
Techniques: UI zoom
Camera: Static
08 · Feature reveal · 0:14–0:15
A blurred Gemini prompt field sits behind a glowing pill button labeled Canvas with a list-and-pencil icon. The frame slowly zooms in as a blue light ring surrounds the button.
On-screen text: “Sequences shortened and screen images simulated. Results for illustrative purposes and may vary. Check responses for accuracy. Internet connection required.创建”
Techniques: UI zoom
Camera: Static
09 · Feature reveal · 0:15–0:17
A black screen holds the white headline, the word draft turning blue, then a blue rounded prompt bar appears centered with orange text typing out and a blinking cursor at the end.
On-screen text: “From the first draft”
Techniques: Kinetic type
Camera: Static
10 · Feature reveal · 0:17–0:18
On a black background, a glowing blue prompt bar with white text slides up and shrinks to show the full request, while a dark file chip labeled Comms 101 notes with a purple PDF icon settles into place beneath it.
Techniques: Kinetic type
Camera: Static
11 · Feature reveal · 0:18–0:20
A dark document panel in 3D perspective, tilted with a glowing blue left edge and depth blur on the right, fills the locked-off frame. White and blue text scrolls steadily upward as the communication-style notes pass by.
Techniques: 3D mockup, Kinetic type
Camera: Pull out
12 · Feature reveal · 0:20–0:22
On a near-black field with a soft blue glow at the right edge, a line of text assembles across the center, word by word. The phrase reads in white sans-serif except the word versions, which is blue.
On-screen text: “To all the versions in between”
Techniques: Kinetic type
Camera: Pull out
13 · Feature reveal · 0:22–0:24
A dark 3D interface shows a glowing vertical control on the right that morphs from an icon stack into a dot slider, while a cursor hand drags down to the Longer position. Blurred body text sits on the left.
Techniques: 3D mockup, Morph, Cursor demo
Camera: Pull out
14 · Feature reveal · 0:24–0:26
A dark frame holds the centered line 'Ask Gemini to leave feedback and edits' in white sans-serif, with 'Gemini' in a blue-violet gradient. Thin curved gradient lines drift slowly in the corners while the text stays locked.
On-screen text: “Ask Gemini to leave feedback and edits”
Camera: Static
15 · Feature reveal · 0:26–0:28
A neon-lit vertical toolbar hovers over blurred article text. A white hand cursor taps the Suggest Edits icon, the pill expands into a dark rounded panel of suggestion text, and the cursor moves onto a glowing blue button.
Techniques: Cursor demo, Morph
Camera: Static
16 · Feature reveal · 0:28–0:29
A dark rounded chat card with white text and a white hand cursor sits center on a black field. The card scrolls up and sharpens as a second card fades in below it.
Techniques: Cursor demo
Camera: Static
17 · Feature reveal · 0:29–0:31
Centered on a black field, the line “Turn your concepts” sits in light gray, then “concepts” snaps to blue with a horizontal blur as the text settles into place.
On-screen text: “Turn your concepts”
Techniques: Kinetic type
Camera: Static
18 · Feature reveal · 0:31–0:33
A tilted 3D close-up of a dark prompt bar tightens as a sentence types itself into the field, resting on the Canvas chip. It cuts to black, where the word into fades in at center.
On-screen text: “Turn your concepts”, “into”
Techniques: 3D mockup, UI zoom, Kinetic type
Camera: Push in
19 · Feature reveal · 0:33–0:35
On a black field with a faint blue glow along the bottom, the phrase “into code” resolves in the lower center. “into” is white and “code” is blue; the letters shift from a partial state into the final words.
On-screen text: “into code”
Techniques: Kinetic type
Camera: Static
20 · Feature reveal · 0:35–0:36
A dark code editor fills the frame, HTML and CSS lines in white, green and blue, line numbers down the left edge. The view eases from a slight angle to a straight-on close-up on the body block. The caption “into code” holds still.
On-screen text: “into code”
Techniques: UI zoom
Camera: Pan
21 · Feature reveal · 0:36–0:37
A dark code editor is held at a 3D angle, CSS lines highlighted in blue and purple, while a rounded 'Ask Gemini' button with a wand icon sits centered, its outline glowing and shifting from purple to blue.
Techniques: 3D mockup
Camera: Pull out
22 · Feature reveal · 0:37–0:39
A gray and blue-purple headline blurs in on a black background, followed by a dark UI toolbar sliding up with a cursor hovering over a Preview and Code toggle.
On-screen text: “And preview the final prototypes”
Techniques: Kinetic type, Cursor demo
Camera: Static
23 · Feature reveal · 0:39–0:41
A dark editor toolbar shows a Code/Preview segmented toggle glowing blue while a white cursor hovers on Preview. The frame zooms in until the toggle fills the screen over a radial halo.
Techniques: Cursor demo, UI zoom
Camera: Static
24 · Feature reveal · 0:41–0:41
A glowing Code/Preview toggle with a white cursor hovers in 3D space, then the camera pulls back to reveal a tilted periodic table grid and a Mercury element card with an orbital diagram behind it.
Techniques: 3D mockup, Cursor demo
Camera: Pull out
25 · Feature reveal · 0:41–0:42
Two dark rounded cards float in 3D perspective over a blurred periodic table grid. The left card holds the Hg element tile; the right card holds a Mercury detail panel with an orbital diagram. Both drift slowly with a soft blue edge glow.
Techniques: 3D mockup
Camera: Pull out
26 · Feature reveal · 0:42–0:43
Two rounded 3D cards float over a blurred periodic table grid in a dark blue space: a Mercury element tile on the left, an info panel with an orbital diagram on the right. The camera drifts, the tile rises out of frame while the panel eases toward center.
Techniques: 3D mockup, Parallax
Camera: Pull out
27 · Feature reveal · 0:43–0:45
A blurred document editor screen with a purple-glowing toolbar fills the dark frame. The lowercase word docs sits centered and pulls into sharp focus, brightening from a dim blur to crisp white-purple type over the doc body.
On-screen text: “docs”
Techniques: Kinetic type
Camera: Static
28 · Feature reveal · 0:45–0:46
A dimmed browser window shows a horizontal timeline interface that pans across the year axis, with Google milestone cards floating above and below it. The word “timelines” sits centered in a blue-purple gradient over the darkened UI.
On-screen text: “timelines”
Camera: Static
29 · Feature reveal · 0:46–0:48
A dark world map fills a preview window with a Code/Preview toggle bar on top. A glowing title box reading Real-Time Earthquake Map slides down into place above a large gradient word data, while circular markers dot the continents and a filter bar settles at the bottom.
Camera: Static
30 · Feature reveal · 0:48–0:50
A flat preview window on a black canvas holds pixel sprites, an invader, a ghost and a Tetris ship drifting down past the centered word games. A blurred field of pixel shapes scrolls faster behind the panel, and the small Real-Time Earthquake Map title slides out at the start.
On-screen text: “Real-Time Earthquake Map”, “data”, “All Magnitudes”, “games”
Techniques: Parallax
Camera: Static
31 · Feature reveal · 0:50–0:51
A dark preview window shows a crossword puzzle app: the grid fills in with the letters of OTTER while the clue list stays to the right. A lavender word “apps” sits centered over the window, then reads “games”.
On-screen text: “apps”, “games”
Camera: Static
32 · Demo · 0:51–0:55
A dark rounded pill on black shows the label “All in one space”, the icon and text swap to “Canvas”, then the view opens into a 3D perspective of the Gemini home screen greeting “Hello, Teresa”.
On-screen text: “All in one space”, “Canvas”
Techniques: Masking, Morph, 3D mockup
Camera: Static
33 · Demo · 0:55–0:57
A dark AI chat interface is presented in 3D perspective against a black background. The screen displays a large gradient greeting and an input field, framed by a glowing blue edge.
Techniques: 3D mockup
Camera: Pull out
34 · CTA · 0:57–1:00
A dark Gemini window tilted in 3D perspective shows the greeting “Hello, Teresa,” then the scene cuts to a plain black end card holding the headline “Try Canvas in Gemini today.” and the URL, both static.
On-screen text: “Try Canvas in Gemini today.”, “gemini.google.com/canvas”
Techniques: 3D mockup
Camera: Static





