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

New skills just dropped on Base MCP 13 apps, and now more ways for agents to: → Transact → Trade → Lend → Mint → Buy All onchain, all on Base

AI AgentsLaunchJune 23, 2026@base

Website View on X

9.1 /10

Hook score

Visual Intrigue & Rapid Reveal

Cuts / min

0:06

Runtime

387K

Views

Likes

Reposts

Replies

Reusable motion template

Pixelated Retro-Tech Launch

Retro-Tech Motion Graphics & Fast-Cut Product Launch

Adapt it.

Replace the initial hand animation with a new character or abstract shape representing the product's core function.
Update the 'base HCP' text to the new product name, applying the PixelatedReveal primitive.
Change 'JUNE SKILLS DROP' to the new key feature or announcement, using the BottomUpTextDrop primitive.
Substitute the yellow card with an icon or object relevant to the new product's call to action.
Adjust color palette to match new brand guidelines while retaining the deep background and accent contrast.
Ensure sound design elements (risers, impacts) are synchronized with visual transitions.

Source: X / Twitter launch · View original post

Launch overview & key findings

A 6-second retro-tech motion graphics & fast-cut product launch launch video by Base, unveiled on June 23, 2026 with over 387K views on X. Evaluated at a 9.1/10 hook score with an editing tempo of 10 cuts per minute, the production demonstrates This Base launch video introduces new AI Agent capabilities on Base MCP 13 apps, enabling agents to transact, trade, lend, mint, and buy onchain. The video employs a fast-paced, retro-futuristic motion style characterized by pixelated text reveals, stylized character animations, and a deep blue, scanline-infused aesthetic, all synchronized with an atmospheric electronic score.

0:00 · The Hook · Mickey-esque Hand Reveal

0:00 / 0:00

The Hook
Mickey-esque Hand Reveal
“(No spoken dialogue — High-energy audio riser/sweep culminates in a subtle impact/drop.)”
On screen
(No on-screen text)
Camera
Static, centered framing on the animated hand.
Motion
Character animation, hand gesture morphing, subtle pixelation effect.
Product Reveal
Base HCP Title Drop
“(No spoken dialogue — Sustained, evolving pad sound with sub-bass layer.)”
On screen
base HCP
Camera
Static, centered framing on the text reveal.
Motion
Text reveal via pixelation/glitch effect, character-by-character animation.
Feature Teaser
Skills Drop Announcement
“(No spoken dialogue — Subdued audio riser/sweep leading into a soft impact.)”
On screen
JUNE SKILLS DROP
Camera
Static, centered framing on the text.
Motion
Bottom-up text reveal, subtle glow/scanline effect on text.
Call to Action
Agent Card Reveal
“(No spoken dialogue — Sustained pad sound continues.)”
On screen
(No on-screen text)
Camera
Static, centered framing on the animated hand and card.
Motion
Character animation, object reveal (card), subtle pixelation.

Synthesizable in Remotion · key components of the pixel-tech-reveal-template template.

PixelatedReveal

Elements (logo, text) appear from a single pixel or small block, expanding and resolving into their final form with a distinct pixelated or blocky transition.

+ Code construction recipe

Use Remotion's <AbsoluteFill> with a <Sequence> of <Rect> components, animating their scale and position. Apply a pixelation shader or SVG filter for the blocky effect, interpolating the pixel size or resolution over time. Use `spring()` for a snappy resolution.

CharacterHandAnimation

A stylized, cartoon-like hand performs gestures, holding or revealing objects, with smooth, fluid movements and a slight squash-and-stretch feel.

+ Code construction recipe

Import SVG assets for the hand and objects. Animate `transform` properties (scale, rotate, translate) using `interpolate()` with custom easing curves (e.g., `easeOutCubic`) for fluid motion. Use `spring()` for impact moments like the card drop.

BottomUpTextDrop

Text lines or words slide up from below the screen or a masked area, settling into their final position with a slight bounce or overshoot.

+ Code construction recipe

Wrap text components in a container with `overflow: hidden`. Animate the `translateY` property of the text using `spring()` with appropriate damping and stiffness for a subtle bounce. Stagger the animation for each line or word using `delay()` in a <Sequence>.