Motioness
Back to templates

Transparent Call-To-Action overlay Remix

Composed scene template inspired by the Remotion prompt “Transparent Call-To-Action overlay”.

Source: Remotion Prompt Gallery
prompt-remixes4 scenesremotion-promptgallery-importremotiontransparentcalltoaction
Transparent Call-To-Action overlay
use remotion best practices
Full Sequence
4 scenes
Title Slide
90f
Scene 1
Prompt Remix
Transparent Call-To-Action overlay
use remotion best practices. this is our youtube channel: https://www.⁠youtube.⁠com/@⁠remot…
Hero Banner
120f
Scene 2
Transparent Call-To-Action overlay
use remotion best practices
List Reveal
105f
Scene 3
Scene beats
use remotion best practices
this is our youtube channel: https://www.⁠youtube.⁠com/@⁠remotion_dev
use curl scrape youtube to find the avatar and the subscriber count
multiple subscriber counts appear on the page, find the right one
make a white lower third that slides in from the bottom center
Gradient Text
90f
Scene 4
Transparent Call-To-Action overlay
Prompted by @Remotion with Opus 4.5 Claude Code
<iframe
  src="https://motioness.com/embed/prompt-transparent-call-to-action-overlay?scenePlan=%5B%7B%22sceneId%22%3A%22title-slide%22%2C%22durationInFrames%22%3A90%2C%22offset%22%3A0%2C%22props%22%3A%7B%22title%22%3A%22%7B%7Btitle%7D%7D%22%2C%22subtitle%22%3A%22%7B%7Bsubtitle%7D%7D%22%2C%22label%22%3A%22Prompt+Remix%22%2C%22layout%22%3A%22left-aligned%22%7D%7D%2C%7B%22sceneId%22%3A%22hero-banner%22%2C%22durationInFrames%22%3A120%2C%22offset%22%3A0%2C%22props%22%3A%7B%22headline%22%3A%22Transparent+Call-To-Action+overlay%22%2C%22subtext%22%3A%22use+remotion+best+practices%22%2C%22ctaText%22%3A%22Compose+scenes%22%7D%7D%2C%7B%22sceneId%22%3A%22list-reveal%22%2C%22durationInFrames%22%3A105%2C%22offset%22%3A0%2C%22props%22%3A%7B%22title%22%3A%22Scene+beats%22%2C%22style%22%3A%22checkmarks%22%2C%22item1%22%3A%22use+remotion+best+practices%22%2C%22item2%22%3A%22this+is+our+youtube+channel%3A+https%3A%2F%2Fwww.%E2%81%A0youtube.%E2%81%A0com%2F%40%E2%81%A0remotion_dev%22%2C%22item3%22%3A%22use+curl+scrape+youtube+to+find+the+avatar+and+the+subscriber+count%22%2C%22item4%22%3A%22multiple+subscriber+counts+appear+on+the+page%2C+find+the+right+one%22%2C%22item5%22%3A%22make+a+white+lower+third+that+slides+in+from+the+bottom+center%22%7D%7D%2C%7B%22sceneId%22%3A%22gradient-text%22%2C%22durationInFrames%22%3A90%2C%22offset%22%3A0%2C%22props%22%3A%7B%22text%22%3A%22%7B%7Btitle%7D%7D%22%2C%22subtitle%22%3A%22Prompted+by+%7B%7Bauthor%7D%7D+with+Opus+4.5+Claude+Code%22%7D%7D%5D"
  style="border:none;border-radius:12px;width:100%;aspect-ratio:1920/1080"
  loading="lazy"
  title="prompt-transparent-call-to-action-overlay animation"
></iframe>
Theme
Configuration
Scenes
Scene 1
Scene 2
Scene 3
Scene 4
AI Adjust
Composition