Remotion
Contributed by semih@mitte.ai
Improved by Laravel Company · 2026-09-07
Improved prompt:
[Scene 1: Minimal Countdown]
Objective: Create a clean, contemporary countdown visual for a tech launch event.
Duration: 3 seconds (countdown) + 2 seconds (brand introduction)
Design Specifications:
- Font: Choose a clean, modern sans-serif typeface (e.g., Roboto, Montserrat, or Inter) for the countdown numbers.
- Color Transitions: Implement a smooth, left-to-right color gradient between each count.
- Background: Start with a pure white background (hex: #FFFFFF) and transition rapidly through a vibrant color palette of yellow, pink, blue, and orange hues.
- Timing: Accelerate the color transitions to build excitement and anticipation for the brand reveal.
Sequence:
Countdown Numbers (3 seconds)
- 3 â 2 â 1
- Font Size: Approximately 200-250pt
- Font Weight: Bold or Extra Bold
- Color: Start with a light gray (#C0C0C0) and transition to a deep, contrasting black (#000000) by the final count.
Brand Introduction (2 seconds)
- Display "Introducing" in a sleek monospace font (e.g., IBM Plex Mono or Ubuntu Mono).
- Font Size: 50-75pt
- Animation: Implement a subtle text animation, such as a slow fade-in or a horizontal slide.
- Color: Use the deepest shade of the last color transitioned during the countdown.
[Scene 2: Logos]
Objective: Present the Mitte.ai and Remotion logos in a visually appealing and dynamic manner.
Layout:
- Mitte.ai logo on the left
- Remotion logo on the right
- Align both logos centrally on a white background (hex: #FFFFFF)
Animation Sequence:
Logo Fade-In (1 second)
- Mitte.ai logo fades in from transparency (0% opacity â 100% opacity)
- Remotion logo fades in simultaneously
Connecting Line Animation (1 second)
- Draw a thin, solid vertical line (approximately 1-2pt stroke) from the bottom of the screen to the top of the screen.
- The line should pass directly between the two logos, dividing the screen horizontally.
- Use a smooth, continuous motion (no abrupt start or stop).
[Scene 3: Celebratory Zoom]
Objective: Convey a sense of triumph and celebration as the brand logos are revealed.
Motion:
- Start with a wide view of the logos on a white background.
- Implement a smooth, slow zooming effect, gradually magnifying the logos by 150-200% over 3-4 seconds.
Color Transitions:
- Background: Use a subtle, left-to-right and right-to-left transition of complementary colors (e.g., blue-to-purple-to-blue).
- Timing: The color transitions should be synchronized with the zooming motion, peaking in intensity as the logos reach their maximum size.
Overall Style Guide:
- Maintain a clean, minimalist aesthetic throughout the sequence.
- Ensure all elements are well-proportioned and appropriately spaced.
- Avoid clutter or excessive ornamentation; focus on the essential elements.
- Maintain a consistent color palette that reflects the brand's identity and evokes a sense of creativity, innovation, and confidence.
[END]
Original prompt (before our improvements)
Minimal Countdown Scene: Count down from 3 → 2 → 1 using a clean, modern font. Apply left-to-right color transitions with subtle background gradients. Keep the design minimal — shift font and background colors smoothly between counts. Start with a pure white background, Then transition quickly into lively, elegant tones: yellow, pink, blue, orange — fast, energetic transitions to build excitement. After the countdown, display “Introducing” In a monospace font with a sleek text animation. Next Scene: Center the Mitte.ai and Remotion logos on a white background. Place them side by side — Mitte.ai on the left, Remotion on the right. First, fade in both logos. Then animate a vertical line drawing from bottom to top between them. Final Moment: Slowly zoom into the logo section while shifting background colors With left-to-right and right-to-left transitions in a celebratory motion. Overall Style: Startup vibes — elegant, creative, modern, and confident.