Teaser

The ~15-second pre-launch video — something is coming, here is its name, here is the date

Storyboard preview
Every launch needs a videoYours shouldn't take a weekremocnCinematic video components for ReactMarch 12remocn.dev
1The itch~3 s2The tease~3 s3The reveal~4 s4The date~3 s5The lockup~2 s
0:15450 frames, 30 fps
~15 srunning time
5 beatsfive is the ceiling
1920×108030 fps, landscape
Jump to the prompt

The teaser is the shortest video in these guides. Fifteen seconds, one job: something is coming, here is its name, here is the date or the waitlist link. You make it before launch day — when there's nothing to demo yet and the whole point is the itch. Short is the feature: a fifteen-second teaser loops well in a feed and earns rewatches. Resist adding beats.

The storyboard

Block width follows the estimated length of each beat

  1. 1~3 s
    The itch
  2. 2~3 s
    The tease
  3. 3~4 s
    The reveal
  4. 4~3 s
    The date
  5. 5~2 s
    The lockup
  1. The itchOne line naming the problem or the hunger. No product yet.
  2. The teaseA second line promising something is coming. Still no name.
  3. The revealThe product name lands, with one quiet line on what it is.
  4. The dateThe launch date, or "Join the waitlist", big and alone.
  5. The lockupYour logo or wordmark and the URL.

Five beats is the ceiling. If you're tempted to add a sixth, you're making a Launch video — save it for launch day.

Launch video

Your words

Six blanks, and most of them are one line:

Product name
  • remocn
Two tease linesSix words or fewer each; the first names the itch, the second promises relief
  • Every launch needs a video
  • Yours shouldn't take a week
What-it-is lineOne plain line for under the name
  • Cinematic video components for React
The date or CTA"March 12" or "Join the waitlist"
  • March 12
The URL
  • remocn.dev
Accent coloroptionalOne hex value; the default lime looks good
Leave empty for the default lime

The prompt

Paste it into your agent with your words in place of the highlighted blanks.

text
I'm making a pre-launch teaser with remocn (remocn.dev).

Build a ~15-second, 1920×1080, 30fps teaser for <PRODUCT NAME> in this
Remotion project, using remocn components — install anything you need with
`npx shadcn add @remocn/<name>`:

1. The itch — one line lands alone: "<TEASE LINE 1>".
2. The tease — the second line takes its place: "<TEASE LINE 2>".
3. The reveal — "<PRODUCT NAME>" lands big, uncovered by a swirling shader
   transition (shader-swirl as a transition cover), with one quiet line
   under it: "<WHAT-IT-IS LINE>".
4. The date — "<DATE OR CTA>" alone on screen, big.
5. The lockup — my logo (<LOGO FILE, or: use the product name as a wordmark>)
   with the URL underneath: "<URL>".

Style: warm dark background (#141318), off-white text, one accent color
<ACCENT COLOR>, Manrope. One quiet shader-simplex-noise field runs behind the
entire video with a radial scrim for readability. Five beats, no filler —
each beat holds just long enough to read. Use my copy exactly as written.

Directing the result

  • The tease lines go by too fast — hold each one longer.
  • The reveal should hit harder — bigger, faster in.
  • Put the date in the accent color.
  • Tighten it to twelve seconds.
More directing vocabularyDirecting your agent

Get the file

Ask your agent:“Render the video.”

You'll get an .mp4 in the project folder, ready to post.