General16:9 or 4:5
Ecommerce Hero Shot
Image PromptRunway PromptStoryboard
Build a clean ecommerce hero with readable packaging, conversion-ready layout space, and polished lighting. The visual direction is guided by the main reference image.
General
Landing Page Hero Prompt
Build a landing-page hero with strong headline space, clean product hierarchy, and polished conversion-oriented structure. The visual direction is guided by the main reference image.
Use the main reference image as the visual anchor for composition, lighting, color palette, product placement, and prompt interpretation.
- Use case
- Landing page visual system
- Search intent
- landing page hero prompt
- Aspect ratio
- 16:9
- Video duration
- 6-10 seconds
Use this template
Use this template
Copy the Image Prompt, Runway Prompt, or storyboard and drop the template straight into your next campaign workflow.
Download Free Pack
Image Prompt
Use the main reference image as the visual anchor. Treat the other reference images only as supporting cues for texture, props, or framing. abstract website layout cards floating in a clean studio scene, modern landing page visual system, polished SaaS aesthetic, soft shadows, blue and white gradient lighting, strong headline space, no readable text --ar 16:9 --v 6
Runway Prompt
Use the main reference image as the visual anchor. Treat the other reference images only as supporting cues for texture, props, or framing. Abstract web layout cards float into a clean hero composition with soft shadows and clear headline space. Motion stays web-friendly and polished, ending on a conversion-ready landing page visual system.
Storyboard
3 to 5 scene script
- Scene 1
Floating layout cards establish a modern landing-page system. Keep the frame aligned with the main reference image.
- Scene 2
Soft shadows and gradient light create depth around the hero structure. Keep the frame aligned with the main reference image.
- Scene 3
The final frame holds clear headline space and conversion-ready hierarchy. Keep the frame aligned with the main reference image.
Camera Notes
Use the main reference image for angle, crop, and subject hierarchy. Use a wide hero crop with layout cards offset to preserve headline and CTA space.
Lighting Notes
Match the lighting logic of the main reference image first. Use soft blue-white gradient lighting and clean shadows that feel modern but not busy.
Motion Notes
Keep motion choices consistent with the main reference image. Use gentle floating card motion and a slow settle into the final web hero layout.
Prompt Variations
- Make the hero more editorial while preserving headline space. Keep the main reference image as the visual anchor.
- Use a brighter SaaS-style gradient instead of a product-heavy retail mood. Keep the main reference image as the visual anchor.
- Shift the composition toward a premium dark-mode website aesthetic. Keep the main reference image as the visual anchor.
FAQ
What makes a landing-page hero usable?
The visual has to support copy, not fight it, while still making the product or offer immediately understandable.
Can this work across SaaS and ecommerce?
Yes. The layout principle is universal and can flex between software, product, or campaign landing pages.
How should I use the reference images?
Use the main reference image for composition, lighting, palette, and product focus. Use the other reference images as secondary support.
Related Templates
General16:9 or 4:5
SaaS Feature Launch
Image PromptRunway PromptStoryboard
Build a clean SaaS feature launch visual with UI-led hierarchy, modern gradients, and product-marketing polish. The visual direction is guided by the main reference image.
General4:5 or 16:9
Comparison Ad
Image PromptRunway PromptStoryboard
Build a structured comparison visual with clear side-by-side logic, product hierarchy, and persuasive simplicity. The visual direction is guided by the main reference image.