TEXT

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:

  1. 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.
  2. 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:

  1. Logo Fade-In (1 second)

    • Mitte.ai logo fades in from transparency (0% opacity → 100% opacity)
    • Remotion logo fades in simultaneously
  2. 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.