Runway - Introducing Runway for web design. Connect Runway to @Replit to gene

01 · Hook · 0:00–0:00

A bright window over a radiator fills the frame. A glowing blue circular portal opens in the glass, revealing green trees, while two brown rectangular cards streak past on either side.

Techniques: Masking, Morph

Camera: Push in

02 · Hook · 0:00–0:01

A bright room with a curtained window and radiator holds a glowing oval portal in mid-air, its rim lit white and blue. Inside the portal a green forest is visible. Loose sheets of paper and fine dust drift slowly across the frame.

Techniques: Particles

Camera: Push in

03 · Hook · 0:01–0:03

A pug in a pink scalloped hood is held up against a white indoor wall, then the frame tightens to an extreme close-up of its wide, glossy eyes.

Camera: Push in

04 · Hook · 0:03–0:05

A low wide-angle shot at floor level follows a pug in a pink unicorn costume as it crawls across a wooden floor, the dresser, bed and bright window sliding through the frame as it moves.

Camera: Push in

05 · Hook · 0:05–0:06

Low-angle view of a pug in a pink horned costume lying on a wooden floor. A glowing circular portal opens in the center, revealing green foliage, while the dog's face peeks through the top of the ring.

Techniques: Masking

Camera: Push in

06 · Hook · 0:06–0:08

A glowing ring-shaped portal set in a mossy rock face ejects a pink fleshy mass. The mass tumbles rightward across dark, root-strewn soil, motion-blurred at first, then resolving into a curled pink form as the camera tracks it.

Techniques: Particles

Camera: Push in

07 · Hook · 0:08–0:09

A pug in a pink triceratops costume stands on dark forest floor, framed low against green ferns. The dog turns its head to look around as the image sharpens from motion blur.

Camera: Pan

08 · Hook · 0:09–0:09

A low static shot frames a forest floor of exposed roots and ferns. A small dog in a pink costume stands on the left, then a dark blurred shape sweeps in from the upper right corner.

Camera: Static

09 · Hook · 0:09–0:11

A low shot in a fern-filled forest set opens on a blurry close-up of a large CGI T-rex's scaled leg, then pulls back as the dinosaur lowers its head toward a small pink dog in a pink hoodie standing on the dirt.

Camera: Pan

10 · Hook · 0:11–0:12

Close-up of a pug wearing a pink felt costume with a frilled hood and three horn-like tabs, sitting on dark mulch against a blurred green backdrop. The camera slowly pushes in on the dog's face as it looks upward with glossy, teary eyes.

Camera: Push in

11 · Product intro · 0:12–0:13

A pug in a pink unicorn costume looks up into the camera in a tight close-up, nearly still. The word “Introducing” types in across its face, letters popping in one by one with pink and yellow tints that settle to white.

On-screen text: “Introducing”

Techniques: Kinetic type

Camera: Static

12 · Product intro · 0:13–0:14

The word Introducing holds centered in black on a plain off-white background, locked static for the full clip with no movement or reveal.

On-screen text: “Introducing”

Camera: Static

13 · Product intro · 0:14–0:16

Close-up of a pug in a pink plush costume lying on a gray blanket; it blows a nose bubble, then opens its eyes while the centered overlay text swaps from “Runway for web design.” to “Runway for Replit”.

On-screen text: “Introducing”, “Runway for web design.”, “Runway for Replit”

Camera: Static

14 · Product intro · 0:16–0:16

A low-angle close-up of a pug in a pink hooded costume lies on a beige blanket, its head tilting gently. The white title sits centered over its muzzle.

On-screen text: “Runway for Replit”

Camera: Pull out

15 · Product intro · 0:16–0:19

A woman with long orange hair sits on a bed, gazing downward, while a small dog in a pink unicorn costume lies behind her. The camera slowly pushes in on her face as the title holds center frame.

On-screen text: “Runway for Replit”

Camera: Push in

16 · Problem · 0:19–0:19

A person with long orange hair and straight bangs parts purple polka-dot garments on the left and green garments on the right, peering through the gap toward the camera. Foreground clothes sit soft and out of focus while the face stays sharp in a steady medium shot.

On-screen text: “AOM”

Camera: Push in

17 · Problem · 0:19–0:20

A tight close-up of hands pressing a white measuring tape to a dog's back pulls back to frame a red-haired person's face behind the animal, the tape's centimeter numbers held in sharp focus.

On-screen text: “AOM”

Camera: Static

18 · Problem · 0:20–0:21

A woman with long orange hair sits at a wooden table and lifts the lid of a closed dark laptop toward herself. A pug in a pink dragon costume sits to her left beside a green plush, with a phone and keys on the right.

Camera: Push in

19 · Problem · 0:21–0:22

First-person view of two hands holding a smartphone in landscape over a green plush dinosaur on a wooden table, the camera app framing the toy. A laptop sits at the left edge. White caption 'Create every' fades in at the left of the phone screen.

On-screen text: “Create every”

Camera: Push in

20 · Problem · 0:22–0:23

A green dinosaur costume lies on a wooden table beside a French bulldog in a pink dinosaur suit, as a person photographs them with a phone. The white headline builds across the frame, its middle word a placeholder icon that becomes a small image with selection handles.

On-screen text: “Create every visual your website needs.”

Techniques: Kinetic type, Morph

Camera: Pull out

21 · Problem · 0:23–0:25

A woman holds a phone toward a pug in a pink dinosaur onesie at a table, green costume in the foreground. A white headline with a selection box reads 'Create every visual your website needs.', then a floating panel of three AI image icons appears, cursor on the last.

On-screen text: “Create every visual your website needs.”

Techniques: Cursor demo

Camera: Push in

22 · Problem · 0:25–0:26

A pet-apparel website homepage holds on a light gray field, locked off. The hero banner shows a rodent in an orange dinosaur suit over a two-line headline, with four costumed pets and prices in a row below. Nav and section labels start doubled, then resolve to single text.

Camera: Static

23 · Problem · 0:26–0:26

A white grid of dog-costume product cards scrolls horizontally, the stegosaurus and t-rex cards sliding out as a pink triceratops pug card and a purple brontosaurus card slide in beneath the header THE FIRST DROP.

On-screen text: “THE FIRST DROP”, “SMALL PAWS.”, “BIG PRESENCE.”

Camera: Static

24 · Feature reveal · 0:26–0:28

A plain off-white field with an orange square logo at left. The sentence “I need visuals for my website” types out character by character with a blinking caret, the trailing words in gray, then the whole line slides left.

On-screen text: “I need visuals for my website”

Techniques: Kinetic type

Camera: Static

25 · Feature reveal · 0:28–0:29

A white screen holds gray Thinking... text above black Connecting to Runway text and two app icons. It cuts to a blue-bordered card filled with a row of image thumbnails, a cursor hovering over the top-right one, and a prompt line beneath.

Techniques: Cursor demo

Camera: Static

26 · Feature reveal · 0:29–0:30

A blue-bordered prompt card shows six pet thumbnails and a typed prompt line; a black cursor clicks the last thumbnail, then the blue send button. The card scrolls up, revealing a second card and gray labels 01 / FRONT, 02 / SIDE, 03 / BACK scaling in below.

On-screen text: “03 / BACK”, “01 / FRONT”, “02 / SIDE”, “04 / BACK”

Techniques: Cursor demo

Camera: Pull out

27 · Feature reveal · 0:30–0:31

A product listing page for a pink triceratops dog suit. The hero photo resolves from a soft, overexposed yellow blur into a sharp front view of a pug in the hooded costume. The right-hand column of price, size and angle thumbnails slides left into frame.

Camera: Pull out

28 · Feature reveal · 0:31–0:31

A clean e-commerce product page: a white dog in a purple dotted Brontosaurus costume fills the left photo, while the right column lists the title, price, size buttons and angle thumbnails. The whole layout scrolls a few pixels downward.

Camera: Static

29 · Feature reveal · 0:31–0:32

A product interface shows a hamster in an orange T-Rex costume on the left and a white detail panel on the right with the title, price and size options; the panel text slides as the listing changes.

Camera: Static

30 · Feature reveal · 0:32–0:32

A product page shows a tortoise wearing a blue hooded dinosaur costume beside a details panel. A small thumbnail caption slides along the lower right edge of the interface.

Camera: Static

31 · Feature reveal · 0:32–0:33

A product page holds a corgi puppy in a lime hooded sweater, paw raised, on the left while a right panel lists the title, price, size buttons and angle thumbnails. The '04 / BACK' thumbnail caption slides in at the lower right.

Camera: Static

32 · Feature reveal · 0:33–0:34

A black cat in a teal pterodactyl suit with spread wings fills the product image on a white shop page, flapping its wings and lowering its paws. The right column lists the title, price, size button and detail links.

Camera: Static

33 · Feature reveal · 0:34–0:34

A dog in a teal shark hood lifts its head toward the camera while a hand holds a smartphone recording the room. Two other dogs in green and pink costumes sit on the couch behind. Handheld close-up, the head rises quickly into frame.

Camera: Static

34 · Feature reveal · 0:34–0:35

A person in a gray sleeve pets a corgi wearing a green dinosaur costume on a beige couch, flanked by two other dogs in pink and teal costumes. A smartphone in the foreground records the scene, its screen showing a red live indicator.

Camera: Static

35 · Feature reveal · 0:35–0:36

First-person view of two hands in a gray sweater holding a phone aimed at plush dinosaurs on a sofa. The phone's camera viewfinder mirrors the room, with a red recording pill at the top and a thumb resting on the shutter. The left hand lowers from a raised gesture.

Camera: Static

36 · Feature reveal · 0:36–0:37

A red-haired woman grimaces at a tablet in a sunlit room while a floating photo of four colorful dragon plushies on a couch, marked by a cursor, drifts on the right.

Camera: Push in

37 · Feature reveal · 0:37–0:39

A bordered prompt box holds a dog photo and the typed instruction, with a cursor gliding to the blue send button and pressing it. The interface then blurs and dissolves as the generated banner image expands to fill the frame.

Techniques: Cursor demo

Camera: Static

38 · Feature reveal · 0:39–0:40

Four small dogs in colorful dinosaur costumes (pink, purple, green, teal) walk toward the camera on a white studio floor. The shot sits in a rounded rectangle frame that settles from a pink tint into full color.

Camera: Static

39 · Feature reveal · 0:40–0:41

A light e-commerce site for pet costumes loads in a fixed frame: the hero headline and a black shop button fade in over four dogs in dinosaur suits, then product cards populate the grid one by one.

Camera: Static

40 · Feature reveal · 0:41–0:42

A white pet-clothing site shows four dogs in dinosaur hoodies in a row under a centered doodle logo. A small forest video tile with a play icon and a white cursor slides from the lower right up toward the center of the hero.

Techniques: Cursor demo

Camera: Static

41 · Feature reveal · 0:42–0:43

A locked-off website hero for PAWSARUS shows four dogs in pastel animal costumes on grass, the logo centered in the header and a product thumbnail strip below. The image settles from a pink-teal color wash into full color.

Camera: Static

42 · Social proof · 0:43–0:44

Low locked-off shot in a green forest: four small dogs in pink, purple, lime and teal dinosaur costumes crouch facing camera. A large CGI triceratops roars behind them, and the dogs scatter to the frame edges, leaving the purple one alone in the center.

On-screen text: “AWS.”, “SENCE.”, “PAWSARUS”, “ON”, “ACC”

Camera: Pull out

43 · Social proof · 0:44–0:45

Low angle on a fluffy cream dog in a purple dinosaur costume with yellow spots. The dog dashes past the camera, blurring out of frame, leaving the elephant's grey legs and a sunlit green jungle behind.

Camera: Pan

44 · Social proof · 0:45–0:46

Low-angle live-action shot of a red-haired person in a white t-shirt and gloves, seen from behind, before a tall blue shipping container. They swing the doors open to reveal stacked cardboard boxes, look up, then slam them shut, the final close blurring the frame.

Camera: Pan

45 · Social proof · 0:46–0:47

A high-angle shot opens on an open cardboard box with scissors on a paved ground, then a red-haired woman lies inside it among green wrapped items. She tilts her head and sings with her eyes closed, wearing a white polka-dot top and patterned arm sleeves.

Camera: Static

46 · Social proof · 0:47–0:48

A woman with short orange hair lies on her back inside a cardboard box packed with green plush toys wrapped in clear plastic. Her eyes are shut and her mouth is open, one black-gloved hand raised near her head. The top-down camera holds steady over the cluttered box.

Camera: Static

47 · Social proof · 0:48–0:49

Top-down shot of a person with orange hair lying in a cardboard box packed with green plush toys. They yawn with eyes closed as a dinosaur plush and a wrapped plush are tossed around them. A pair of scissors rests on the box edge.

Camera: Static

48 · Social proof · 0:49–0:50

A blurred close-up of a green hooded costume's animal face sharpens, revealing a baby standing outdoors in the outfit. The view then pulls back to a white sales dashboard on the right, its revenue and units-sold cards overlapping the baby on the left.

Techniques: UI zoom

Camera: Pull out

49 · Social proof · 0:50–0:52

A flat sales dashboard card on a light gray field shows a pug in a green dino costume beside four KPI tiles. The header and figures crossfade to new values while the orange revenue line draws rightward, its dot sliding forward as a gray tooltip flashes.

Camera: Pull out

50 · Social proof · 0:52–0:52

A person holds a phone horizontally in the foreground, its screen showing the camera viewfinder, while a pug in a pink dinosaur costume stands on a rug in a sunlit living room.

Camera: Static

51 · Social proof · 0:52–0:53

A low-angle shot follows a dog in a pink and yellow dinosaur costume bouncing on a woven rug in a sunlit living room. The camera tilts up to reveal the dog's face as it dances with arms spread, bookshelf and sofa blurred behind.

Camera: Pull out

52 · Social proof · 0:53–0:55

A dashboard view on a light gray field: left side holds a Revenue card whose figure counts up to $6.23B and a Weekly revenue card with an orange line drawing upward; right side is a 2x2 grid of clips of small dogs in dinosaur costumes dancing in a living room.

Camera: Static

53 · Social proof · 0:55–0:55

A low-angle tracking shot glides along a wooden floor past a row of costumed pets. A corgi in a green hooded costume sits center frame while two small rodents in orange costumes scuttle forward, and a larger animal in a blue and purple outfit blurs past on the right.

Camera: Static

54 · Social proof · 0:55–0:56

A close-up of a pug wearing a pink felt costume with a frilled collar and three soft horns on the head. The dog's mouth opens and closes as it faces the camera. A white paneled wall fills the background, and a purple fabric with yellow dots sits at the left edge.

Camera: Push in

55 · Social proof · 0:56–0:57

A red-haired person in a white top and patterned grey sleeves sits at a wooden table, sealing a brown cardboard box. They pull a strip of clear packing tape across the top in a fast motion, hands blurred.

Camera: Push in

56 · Social proof · 0:57–0:57

A hand smooths a white shipping label with a barcode onto the top of a taped cardboard box on a wooden table, the other hand holding a roll of clear packing tape at the left edge.

Camera: Static

57 · Social proof · 0:57–0:58

A low-angle, wide shot from floor level in a white paneled hallway. A red-haired woman walks toward the camera carrying a stack of cardboard boxes, while two Corgis in pink and green dinosaur costumes walk ahead of her, more dogs behind.

Camera: Static

58 · CTA · 0:58–0:59

A small white dog in a purple spotted dinosaur costume moves in a sunlit living room with torn paper on the rug. Large white sans-serif text reads Make, then anywhere, centered over the shot.

On-screen text: “Make”, “anywhere”

Techniques: Kinetic type

Camera: Pan

59 · CTA · 0:59–1:00

A woman with long red hair lies on a wooden floor, looking up as her hair spreads out. White text appears on the left and right.

On-screen text: “get started”, “runway.com/mcp”

Camera: Static

60 · CTA · 1:00–1:01

Top-down view of a person with fanned orange hair lying on a wooden floor, surrounded by plush toys and orange carrot shapes. The frame widens to fill the edges with more toys. Static white text reads get started on the left and runway.com/mcp on the right.

On-screen text: “get started”, “runway.com/mcp”

Camera: Pull out

61 · CTA · 1:01–1:02

Top-down view of a person with orange hair lying on a wooden floor, ringed by pets in colorful dragon costumes. White text overlays sit to the left and right of the frame.

On-screen text: “get started”, “runway.com/mcp”

Camera: Pull out

62 · CTA · 1:02–1:03

Top-down view of a person with dark hair lying on a wooden floor, surrounded by a radial ring of colorful plush dinosaur toys. Two white text lines flank the head, one on each side, while the toys shift slightly around the body.

On-screen text: “get started”, “runway.com/mcp”

Camera: Pull out

63 · Outro · 1:03–1:04

The white lowercase runway wordmark holds centered on a flat black background, static, as the closing sign-off. A small “get started” caption and the URL runway.com/mcp accompany it.

On-screen text: “get started”, “runway.com/mcp”

Camera: Static