Draftly Video Generation: Creating Cinematic Site Videos

Draftly generates AI-powered video clips for your hero sections using Google's Veo model. A well-crafted video section creates the immersive, premium feel that distinguishes a Draftly site from a standard template.

How Video Generation Works

The process has three stages:

1. Hero Image Generation: You start with a still image — your hero background. This image becomes the visual foundation and the first frame of your video.

2. Video Animation: Draftly animates your hero image using Veo's image-to-video (FL mode). You provide a motion prompt and optionally a last frame to define the end state.

3. Integration: The generated video is embedded in your hero section with autoplay, muted, and looped settings optimized for web.

Writing Effective Video Prompts

The motion prompt defines what happens during the video. Unlike the site generation prompt, this should describe motion, not describe the subject.

Weak prompt: "A luxury restaurant"

Strong prompt: "Slow dolly forward through candlelit tables, steam rising from dishes, warm bokeh background gradually sharpening"

What makes a good motion prompt:

• Describes camera movement (dolly, crane, orbit, push in)


• Describes subject motion (steam rising, curtains moving, water flowing)


• Specifies speed and feel (slow, graceful, dramatic, subtle)


• Mentions light behavior (golden hour light shifting, bokeh changing depth)

Video Prompt Examples by Vertical

Luxury brand: "Camera slowly orbits the product clockwise while golden light sweeps from left to right, revealing intricate details"

Restaurant/food: "Macro pull-back from dish detail revealing full table scene, candles flicker, steam drifts upward"

Healthcare/clinic: "Slow pan across bright clinical space, subtle light shift from morning to midday, clean and calm"

SaaS/tech: "Abstract data visualization expands and resolves into product UI, particle effects converging"

Architecture/real estate: "Aerial approach toward building exterior at golden hour, shadows slowly shift"

Using Start and End Frames

For maximum control over your video, set both a start frame (your generated hero image) and an end frame.

The end frame defines where the video motion ends. When both frames are set, Veo generates a video that transitions between them — the motion connects the two images seamlessly.

This technique works particularly well for:

• Products you want to reveal from one angle to another


• Spaces where you want to move through a journey


• Before/after scenarios

Video Quality Settings

Draftly offers three quality tiers:

• Standard (720p): Fastest generation, suitable for most use cases


• HD (1080p): Recommended for premium brands


• 4K: Best quality, Pro and above

Chaining Multiple Videos

For a more immersive experience, you can generate multiple video clips that play sequentially. The system automatically uses the last frame of each clip as the first frame of the next, maintaining visual continuity.

Draftly's VideoChainPlayer handles seamless playback — preloading the next clip while the current one plays, eliminating buffering gaps.

Troubleshooting Common Issues

Video looks static: Make sure your motion prompt describes actual movement, not just the scene. "Beautiful product shot" isn't a motion prompt.

Inconsistent look across clips: Use the anchor reference system — all clips in a sequence should have the consistency prompt enabled, which maintains character and environment continuity.

Video doesn't loop well: For seamless loops, make your end frame similar to your start frame. Motion prompts that complete a full cycle (orbiting products, flowing water) loop more naturally than one-directional motions.