Recipe·Design recipes·RC21

Cinematic launch page

A memorable launch moment that still loads fast.

Steps

1 /top-design scroll story, dramatic type, motion plan
2 /image the key visuals
3 /animate each motion built in the right order
4 /animation-performance hold the frame rate
5 /viewport-proof check it on a phone

As one prompt

Cinematic launch page. A memorable launch moment that still loads fast.
Run these in order, and check in with me between steps:
1. /top-design: scroll story, dramatic type, motion plan
2. /image: the key visuals
3. /animate: each motion built in the right order
4. /animation-performance: hold the frame rate
5. /viewport-proof: check it on a phone