
Enter an idea and scroll endless beautiful designs.
The Hook
“I remember going to the fabric shop with my grandmother. She would always tell me stories about her life, about her childhood, about her dreams.”
Problem Agitation
“And I always wondered, how could I capture these stories? How could I preserve them for future generations?”
Product Reveal
“That's why I created Variant. To help people tell their stories, to help them connect with their past, and to inspire their future.”
Feature Teaser
“(No spoken dialogue — The audio features a blend of ambient electronic textures, orchestral synth pads, and rhythmic elements. Prominent pizzicato synths, sub-bass pulses, and 808-style percussion drive the energy. High-energy audio transitions include risers and sweeps at [0:43], [0:51], [1:00], [1:04], [1:07], [1:10], [1:12], [1:15], [1:18], and [1:21]. Sub-bass drops/impacts are noticeable at [0:24], [0:29], [0:36], [0:46], [0:56], [1:04], [1:10], [1:13], [1:16], [1:19], [1:22], [1:29], [1:33], [1:38], and [1:41]. The mood shifts from intense and driving to contemplative.)”
Synthesizable in Remotion · key components of the nostalgic-digital-heritage-showcase template.
A grid of digital cards, each displaying a unique design or piece of content, scrolls horizontally or vertically with a subtle parallax effect as new cards slide into view.
Use `map` to render an array of `Card` components within a `ScrollView` or `FlatList`. Animate `translateX` or `translateY` based on scroll position using `interpolate` for parallax. Apply `scale` and `opacity` with `spring` for entry/exit animations.
Individual UI elements (text, images, buttons) animate into position with a quick, bouncy motion, often accompanied by a subtle fade or scale effect.
Utilize `spring` for `translateY`, `opacity`, and `scale` properties. Stagger animations using `delay` based on element index or position within the UI. Consider `clipPath` or `maskImage` for reveal effects.
Abstract geometric patterns or background textures subtly pulse, shift, or glow, often in sync with audio beats, creating an energetic yet ambient backdrop.
Implement `loop` animations for `opacity`, `scale`, or `hue-rotate` on SVG shapes or CSS gradients. Synchronize `duration` and `delay` with BPM. Use `canvas` or `WebGL` for more complex generative patterns and shader effects.
Purpose. Establishes an emotional hook and the founder's motivation through a personal, nostalgic story.
Execution. Warm, intimate live-action footage of a child and grandmother in a fabric shop, with soft lighting and gentle camera movements.
Purpose. Introduces the product as a solution to preserve and share personal histories in a modern, digital format.
Execution. Transition from live-action to dynamic UI shots, showcasing digital representations of memories and designs, with quick cuts and interactive elements.
Purpose. Demonstrates the core functionality and breadth of the product's capabilities.
Execution. Fast-paced montage of diverse digital designs, scrolling interfaces, and abstract motion graphics, synchronized with an energetic musical score.
Purpose. Reinforces the product's deeper meaning and its ability to create lasting impact.
Execution. A return to a more contemplative visual style, potentially with a final impactful text reveal or a concluding shot that ties back to the initial narrative.
Objective
Launch a new app called 'Echoes' that allows users to digitize, organize, and share family recipes, complete with personal stories and photos.How the recipe adapts
The opening would feature nostalgic live-action footage of a family cooking together, perhaps a child helping a grandparent in a warm, sunlit kitchen. The narration would speak of cherished family recipes and the desire to preserve them. This transitions to the 'Echoes' app interface, showcasing recipe cards scrolling in a grid, animated ingredient lists appearing with spring effects, and photos of dishes sliding into view. The color palette would lean into warm yellows, soft greens, and earthy tones for the live-action, shifting to clean whites, grays, and accent colors like a vibrant orange or teal for the UI. The energetic music would kick in during the app demonstration, with quick cuts highlighting features like 'Smart Ingredient Scaling' and 'Story Mode for Recipes.' The final scene would show a shared recipe being viewed by another family member, emphasizing connection.Scene durations (4 scenes, 109s)
Key Remotion components

xAI opens voice cloning on its API: build a custom voice in about two minutes or pick from 80+ voices in 28 languages.

Claude can now operate your Mac, opening apps, browsing and filling spreadsheets, as a research preview in Cowork and Claude Code.
Agentic CLI for coding, building apps, and automating workflows.