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

World's first on-brand AI. Introducing Bloom.

AI AgentsLaunchDecember 2, 2025@rincidium

Website View on X

9.2 /10

Hook score

Rapid Visual Montage & Product Name Reveal

Cuts / min

0:59

Runtime

1.5M

Views

Likes

Reposts

Replies

Reusable motion template

AI Brand Kit Fast-Cut Launch

Product-Centric UI/UX Showcase & Energetic Motion Graphics

Adapt it.

Replace all 'Bloom' branding with 'Spark' branding.
Update color palette to vibrant blue (#007BFF), clean white (#FFFFFF), and subtle green (#28A745).
Modify 'Brand Kit Creation' sequence to 'Content Summarization' sequence: show URL input, a 'Processing' animation, and then a generated summary text.
Adapt 'OrganicParticleBloom' to 'DigitalSparkParticles' with blue/green hues, representing data flow.
Ensure all UI elements reflect the new product's function (e.g., 'Summarize' button instead of 'Generate').
Maintain the fast-paced editing and energetic audio transitions.

Source: X / Twitter launch · View original post

Launch overview & key findings

A 59-second product-centric ui/ux showcase & energetic motion graphics launch video by Ray, unveiled on December 2, 2025 with over 1.5M views on X. Evaluated at a 9.2/10 hook score with an editing tempo of 7 cuts per minute, the production demonstrates Ray introduces Bloom, an AI agent that revolutionizes brand asset generation. The product, presented through a clean and energetic motion design style, allows users to effortlessly extract brand information from any website and then generate a wide array of on-brand assets, from hiring posters to company merchandise, with remarkable speed and precision. The motion style combines crisp UI animations with soft, organic background elements, creating a sense of digital magic and efficiency.

0:00 · The Hook · Introducing Bloom: On-Brand AI Generation

0:00 / 0:00

The Hook
Introducing Bloom: On-Brand AI Generation
“Ray introduces Bloom, the world's first on-brand AI.”
On screen
Generate anything... Meet Bloom
Camera
Static wide shot, then a quick zoom into a blurred floral background.
Motion
Text reveal with a subtle blur and scale, followed by a quick scene cut and a soft, organic particle animation.
Product Reveal
Effortless Brand Kit Creation
“Let's say you want to extract the brand from a website. Simply paste the URL, and Bloom will build an AI brand kit for you. And like magic, your brand is extracted.”
On screen
Going to 'Gumroad.com' Building Brand Kit Gumroad.com #FF72C7 #000000 #FFFFFF #5F9F5 #FFD600 #00C2B3 #FF4B00 #8D4FA from Illustrations from Illustrations from Illustrations from Illustrations from Illustrations from Illustrations from Illustrations from Illustrations Brand kit created successfully and like magic your brand is extracted
Camera
Close-up on a search bar, then a full-screen view of a website, followed by a zoom out to reveal a brand kit interface.
Motion
UI element animation (typing, loading bar), screen capture with animated overlays, color palette extraction animation, and a text reveal with a gradient wipe.
Feature Teaser
Generating On-Brand Assets
“Now that your brand is extracted, what would you like to create? Let's say a hiring poster for Gumroad. Done. Or maybe some company merch for Ulysses. Done. Or a Quartr-style hype poster for HFO. Done.”
On screen
What would you like to create? Generate anything... Select Brand Gumroad Done! Company merch Ulysses Quartr-style hype poster HFO Done!
Camera
Static shot of a prompt input field, with quick cuts to generated assets.
Motion
Typing animation in a search bar, dropdown menu interaction, quick cuts between different generated assets, and a 'Done!' text overlay with a subtle glow.
Call to Action
Try Bloom Today
“Try Bloom today.”
On screen
Try today at trybloom.ai
Camera
Static shot of the call to action text, then a zoom out to reveal the website URL with floral elements.
Motion
Text reveal with a subtle scale and fade, followed by a soft, organic particle animation around the URL.

Synthesizable in Remotion · key components of the ai-brand-kit-launch template.

GradientTextWipe

Text appears with a horizontal gradient wipe effect, revealing characters from left to right with a soft, color-shifting transition.

+ Code construction recipe

Use Remotion's <Text> component with a linear-gradient background applied as a mask. Animate the background-position property using `interpolate` to create the wipe effect. Adjust `background-size` for gradient width.

UIElementPopIn

UI elements like search bars, buttons, or dropdowns animate into view with a slight scale and bounce, often accompanied by a subtle shadow or glow.

+ Code construction recipe

Employ `spring` for scale and position animations. Add `box-shadow` or `filter: drop-shadow()` with animated opacity for the glow/shadow effect. Use `delay` for staggered entry of multiple elements.

OrganicParticleBloom

Soft, blurred, flower-like particles gently float and fade in/out, creating an ethereal, dreamlike background or accent.

+ Code construction recipe

Utilize a canvas or SVG-based particle system. Animate particle position, scale, opacity, and blur using `interpolate` with easing functions like `easeOutQuad`. Randomize initial positions and velocities for natural movement.