# Cinematic launch page

Recipe · Design recipes · RC21

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

```text
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
```

Source: https://atlasscope.dev/prompts/cinematic-launch-page