Relume · Launch Video Breakdown: Hook, Pacing & Motion Design
Relume Publish is a website builder for freelancers and agencies: build a client site in minutes, publish it, then let AI agents grow it.
Scene-by-scene timeline & spoken transcript
The Hook
AI-Powered Website Creation & Unbreakable System
“AI that builds your website, then grows it. We give you an unbreakable system. You make the decisions on top. Every piece has its place, every detail has a purpose. Change one thing, nothing breaks. Reloom, the marketing website builder trusted by over 1 million freelancers and agencies.”
- On screen
- AI that builds your website You make the decisions on top. Relume
- Camera
- Static text on a light background, then a quick pixelated transition to a wide shot of a pixelated ancient structure by the sea. The camera slowly zooms out, revealing the full structure and the Relume logo.
- Motion
- Text fade-in, pixelation transition, slow zoom-out, logo reveal with subtle glow.
Product Reveal
AI-Assisted Site Building & Collaborative Workflow
“Give it a prompt, brief notes from a call, whatever you've got. Watch your website take shape, not built on AI guesses, but assembled from a human-made component system. Make it yours, bring your team in, collaboration is always free. Hit publish.”
- On screen
- Redesign my website Google Meet Maisons Brief Sitemap Wireframe Design Share Publish Site We built around the neighbours REGISTER INTEREST VIEW RESIDENCES Love this new treatment Maisons SAVING SPENDING TRAVEL OFFERINGS Relume
- Camera
- Close-up on a text input field, then a rapid sequence of UI elements appearing and animating. The camera pans across a grid of website previews, then focuses on a single website UI. User avatars appear and move around the UI, simulating collaboration. The camera then zooms out to reveal the Relume logo on a pink grid background.
- Motion
- Fast UI element animation, grid layout transitions, avatar pop-ins and path animations, quick cuts, logo reveal.
Feature Teaser
AI Agents for Continuous Growth
“This is where most stop, but with Reloom, your site grows with you. Every site is built on the same system, so we sharpen it once, and every site gets sharper, yours too. Others give you a chatbot, we give you a team of AI agents, each specializing in one job. They propose, you decide. And look at that, you built that. The AI did the work, you made the calls. Build and grow your next marketing site on Reloom.”
- On screen
- But with Relume Year 1 Year 2 Lazy loading added Founder Copywriter Designer Only thirty-two will ever exist. REQUEST A TOUR VIEW RESIDENCES REGISTER INTEREST The view is doi Apply changes Life beyond the floorplan Architecture Interiors The location VIEW DESIGN VIEW INTERIORS VIEW LOCATION BEDROOMS Every room faces something worth Relume
- Camera
- A line graph animates, showing growth over time. A grid of diverse website examples appears, then a single website UI is shown with multiple AI agent avatars surrounding it. The camera pans and zooms across different sections of the website, highlighting content changes. The final shot is a zoom-out to the Relume logo.
- Motion
- Line graph animation, grid reveal, avatar pop-ins and dynamic positioning, content morphing, smooth camera pans, logo reveal.
Motion design primitives
Synthesizable in Remotion · key components of the ai-website-builder-launch template.
PixelatedReveal
A scene transitions from a solid color or previous content into a new image or video by rapidly revealing it through a grid of expanding or contracting pixels, often with a subtle color shift.
+ Code construction recipe
Use a Remotion <AbsoluteFill> with a <Grid> component. Animate the opacity and scale of individual grid cells using `interpolate` and `spring` functions, mapping their animation delay based on their position in the grid for a wave-like reveal. Apply a `pixelate` SVG filter or a custom WebGL shader for the pixel effect.
DynamicUIPopIn
UI elements (text boxes, buttons, avatars) appear on screen with a quick, bouncy scale-up and slight rotation, often accompanied by a subtle shadow or glow effect, then animate along a path or to a new position.
+ Code construction recipe
Wrap UI components in a Remotion <Sequence> and use `spring` for `scale` and `rotate` properties. For path animation, use `interpolate` on `translateX` and `translateY` based on a predefined SVG path or keyframe values. Apply `drop-shadow` CSS property for depth.
ContentMorphGrid
Multiple instances of a website or content block are displayed in a grid, then one instance smoothly expands to fill the screen while others fade out or shrink, showcasing a detailed view.
+ Code construction recipe
Render multiple <WebsitePreview> components in a CSS Grid. On interaction or timeline cue, use `interpolate` to animate the `scale`, `translateX`, `translateY`, and `opacity` of the selected component to fill the screen, while simultaneously animating the `opacity` and `scale` of other grid items to zero or a smaller size. Ensure smooth `layout-transitions`.
Style DNA & aesthetic system
Visual aesthetic
Typography
Motion
Special effects
Pacing & rhythm
Conceptual story rhythm
- 1
The AI Promise
Purpose. Introduce the core value proposition: AI that builds and grows websites, emphasizing robustness and user control.
Execution. Minimalist text reveal, followed by a pixelated, almost ancient-looking structure symbolizing an 'unbreakable system', then a clean logo reveal.
- 2
Effortless Creation
Purpose. Demonstrate the ease of website building from a prompt and the collaborative features.
Execution. Rapid UI animations showing prompt input, website generation, and multiple user avatars interacting with the design, culminating in a 'Publish Site' action.
- 3
Continuous Growth
Purpose. Highlight the unique selling point of ongoing AI-driven website growth and optimization.
Execution. An animated line graph showing growth, a grid of diverse websites, and AI agent avatars proposing changes, showcasing the 'team of AI agents' concept.
- 4
User Empowerment
Purpose. Reinforce that the user remains in control, making the final decisions.
Execution. Visuals of content being updated and approved by the user, with the final website looking polished and professional, ending with the Relume logo.
Remix in Animatiq Studio
Master remix prompt · agent-ready
Sample remix
Objective
Launch a new AI-powered financial forecasting tool called 'Quantify AI'.How the recipe adapts
The PixelatedReveal primitive would be used to transition from a generic stock market chart to the Quantify AI dashboard. DynamicUIPopIn would animate data points, trend lines, and collaborative annotation bubbles appearing on the financial graphs. The ContentMorphGrid would show multiple forecasting models side-by-side, then one expanding to a detailed view as the AI refines its prediction. The color palette would shift to deep blues, silver, and electric green to reflect financial tech.Remix blueprint · ai-website-builder-launch
Scene durations (4 scenes, 106s)
Key Remotion components
Related Creative Tools Product Launches
Explore all Creative Tools launches →
A vibe design partner with an AI-native canvas for turning ideas into UI.
We heard you wanted to use Codex rate limit resets on your own time. Starting today, we’re rolling out the ability to save rate limit resets to use later. We’re starting Go, Plus, Pro, and Business
There's a hidden tax on every knowledge worker in the world, and nobody talks about it: The design tax. You're a strategist, a sales lead, a marketer. You were hired for what you know. But every me…