
basement.studio's latest web collaboration with the US Avionix team.
The Hook
“(No spoken dialogue — Orchestral synth pads, pizzicato synths, sub-bass, 808s, metallic hits, risers, sweeps, and sub-bass drops create a high-energy, anticipatory atmosphere.)”
Product Reveal
“(No spoken dialogue — The ambient electronic score continues, building tension with percussive elements and sub-bass impacts.)”
Feature Teaser
“(No spoken dialogue — The audio maintains its driving rhythm with metallic hits and sub-bass, emphasizing critical moments.)”
Call to Action
“(No spoken dialogue — The audio track crescendos with a final sub-bass impact and a sustained synth pad, concluding with a clean, resonant tone.)”
Synthesizable in Remotion · key components of the cinematic-tech-launch template.
A 3D rendered object (e.g., drone) is overlaid with interactive UI elements, data points, and descriptive text that animate into view, highlighting specific features or data streams.
Utilize Remotion's <AbsoluteFill> for the 3D background video. Overlay <Sequence> components for text and SVG-based UI elements. Animate opacity, position, and scale using `interpolate` with `spring()` for a subtle bounce. Use `measureText` for dynamic text layout.
Multiple 3D objects (e.g., drones) move in formation over a textured background, while a grid overlay appears and data points animate to indicate detection or synchronized activity.
Implement 3D models via <ThreeCanvas> or pre-rendered video. Overlay a grid using an SVG pattern or a Canvas component. Animate grid lines and data points (circles, squares) with `interpolate` and `delay` for sequential reveals. Use `noise` or `perlin` for subtle background texture animation.
A scene transitions from a real-world video clip to a stylized UI map view via a sharp, diagonal wipe, revealing interactive data points and analytical overlays.
Use two <AbsoluteFill> components for the video and the map UI. Apply a CSS `clip-path` with a `polygon()` or `linear-gradient` to create the diagonal wipe effect, animating its position over time. Overlay map markers and text with `spring()` animations.
Purpose. Establish the product's advanced capabilities and evoke a sense of power and innovation.
Execution. Dramatic 3D drone launch sequence, dynamic camera work, and high-energy sound design.
Purpose. Detail the core features and technological advantages through interactive data visualization.
Execution. UI overlays on 3D models, animated text reveals, and data points highlighting specifications.
Purpose. Demonstrate the product's real-world application and intelligent decision-making.
Execution. Swarm drone formations, grid overlays, thermal detection simulations, and map-based analysis.
Purpose. Showcase adaptability across diverse scenarios and reinforce the brand's reliability.
Execution. Diagonal wipes, global map visualizations, and a final product/brand reveal.
Objective
Launch a new AI-driven smart city management platform.How the recipe adapts
The 3D drone renders would be replaced with sleek, futuristic city infrastructure models and autonomous vehicles. The UI overlays would display real-time traffic flow, energy consumption, and public safety data. The swarm intelligence concept would adapt to show interconnected city systems optimizing resource allocation. Thermal detection would become predictive analytics for urban events. The overall aesthetic would maintain the high-tech, data-rich feel, but with a focus on urban environments rather than aerial surveillance.Scene durations (5 scenes, 68.2s)
Key Remotion components

Anthropic Labs launches Claude Design, which turns conversation into prototypes, slides and one-pagers, powered by Claude Opus 4.7.

A vibe design partner with an AI-native canvas for turning ideas into UI.

Your work tools in Claude are now available on mobile. Explore Figma designs, create Canva slides, check Amplitude dashboards, all from your phone. Give it a try: