Spline · Design · Dec 2024
Introducing Live Folders in Arc | Your sidebar is alive
The Browser Company · Apr 2024 · 0:29
The video alternates locked-off flat-blue title cards that spell a sentence word by word with fast UI demos and live-action B-roll, cutting about 40 times a minute to a 129 BPM pulse. Its signature moves are the single-word blue cards, 3D-angled interface shots, and cursor-driven UI transitions that break up the presenter's talking-head shots.
More like this
Superhuman · Productivity · Jul 2026
Pitch · Productivity · Mar 2020
Introducing Live Folders in Arc | Your sidebar is alive, scene by scene
· 20 scenes as text
01 · Hook · 0:00–0:01
A close-up of a GitHub screen holds on a green Create pull request button. A cursor glides in from the left, turns into a hand pointer, and presses the button as the surrounding UI drifts slightly.
Techniques: Cursor demo
Camera: Static
02 · Hook · 0:01–0:03
A close-up of a GitHub screen holds on a green Create pull request button. A cursor glides in from the left, turns into a hand pointer, and presses the button as the surrounding UI drifts slightly.
Techniques: Cursor demo
Camera: Static
03 · Hook · 0:03–0:05
A man in a green t-shirt sits on a couch with dotted pillows, gesturing with both hands as he talks. He claps them together then opens them outward. Behind him, an office with glass walls and wooden beams fills the background.
Camera: Static
04 · Feature reveal · 0:05–0:07
A flat blue field holds bold white text reading YOUR, centered. A beat later, the word SIDEBAR appears on the line below it, completing the two-line phrase. The frame stays locked off throughout.
On-screen text: “YOUR”, “SIDEBAR”
Techniques: Kinetic type
Camera: Static
05 · Feature reveal · 0:07–0:08
An oblique close-up of a GitHub screen holds on a green Create pull request button with a cursor resting on it, framed by form fields and a right sidebar of links.
Techniques: Cursor demo
Camera: Push in
06 · Feature reveal · 0:08–0:09
A close-up of a browser interface: a left sidebar lists a workspace, pull requests and two New York Times tabs, while the right pane holds a newspaper front page. The sidebar list slides up to reveal a new pull request and the duplicate tab collapses into one.
Camera: Static
07 · Feature reveal · 0:09–0:09
A solid blue field holds two centered lines of white bold text, IS stacked above ALIVE. The frame is locked off and the type stays perfectly still throughout.
On-screen text: “IS”, “ALIVE”
Camera: Static
08 · Feature reveal · 0:09–0:11
A GitHub-style interface floats in 3D perspective, its panels angled and receding. The frame opens tight on a green Submit review button with a cursor, then pulls back to reveal the repository sidebar, a pull request list, and a code editor with chevron markers.
On-screen text: “IS”, “ALIVE”
Techniques: 3D mockup, Cursor demo, UI zoom, Parallax
Camera: Static
09 · Feature reveal · 0:11–0:12
Close-up of the browser sidebar. In the Pull Requests list, the Adds GCal Feature Fl row disappears, leaving the highlighted Tighten up PR repare row, while the GitHub pull request page on the right stays static.
Camera: Static
10 · Feature reveal · 0:12–0:13
White bold uppercase text on a flat blue background. GITHUB holds center frame, then cuts to PULL REQUESTS stacked on two lines. Both cards are locked off and static.
On-screen text: “GITHUB”, “PULL REQUESTS”
Camera: Static
11 · Feature reveal · 0:13–0:14
A bearded man in an olive t-shirt sits at a desk in a bright open office, head down over a silver laptop. He lifts a fist to his chest and lets it fall while the locked-off shot holds.
On-screen text: “PULL”, “REQUESTS”
Camera: Static
12 · Feature reveal · 0:14–0:15
A close-up of two hands typing on a laptop keyboard, the screen showing a code editor beside a terminal log. The shot racks from soft focus to sharp, revealing the code and the terminal's connection messages. A teal glow frames the right edge.
Camera: Static
13 · Feature reveal · 0:15–0:17
A rose-tinted browser side panel lists pull requests under Bookmarks. A cursor hovers over an entry and selects it, and the main pane on the right switches to that pull request's page.
Techniques: Cursor demo
Camera: Static
14 · Feature reveal · 0:17–0:19
White uppercase words hold centered on a flat blue field. “IN ARC” sits at mid-frame, then a cut swaps it for “AUTOMATICALLY,” stretched nearly edge to edge. Both shots are locked off with no motion.
On-screen text: “IN ARC”, “AUTOMATICALLY”
Camera: Static
15 · Feature reveal · 0:19–0:22
A man in a gray-green t-shirt sits on a teal couch with dotted pillows, speaking to camera in a bright loft office with glass walls and white tables behind. He gestures with his hands as he talks.
Camera: Static
16 · Feature reveal · 0:22–0:23
A flat blue background holds the centered white title LIVE FOLDERS in two lines. The frame is locked off and the text stays still for the full duration.
On-screen text: “LIVE FOLDERS”
Camera: Static
17 · Feature reveal · 0:23–0:24
A solid blue field holds the white bold text LAND TODAY centered and motionless for the full shot.
On-screen text: “LAND TODAY”
Camera: Static
18 · Social proof · 0:24–0:25
A hand types on a silver laptop keyboard in a tight close-up, the keys and palm rest washed in cyan light. White centered text holds the thank-you line over the locked-off frame.
On-screen text: “THANK YOU TO ALL”, “WHO HELPED BETA TEST”
Camera: Static
19 · Social proof · 0:25–0:27
Tight close-up of a bearded man in a beige sweater. The camera tilts up from his mouth to his eyes while a white two-line caption sits over his chest, then the caption clears as his gaze settles.
On-screen text: “THANK YOU TO ALL”, “WHO HELPED BETA TEST”
Camera: Pan
20 · Outro · 0:27–0:29
A white outlined knot logo floats centered on a flat blue background. It rotates slowly, the interlocking loops twisting, then eases into an upright rest position. Do a wave 👋
Camera: Static






