---
name: promo-photo-video-kit
description: Create launch visuals with Lovable - share (OG) images, product promo stills, blog covers and short 9:16 promo videos in one consistent style. Use when the user asks for a promo photo, launch visual, social image, cover image, OG image or a short promo clip or reel.
---

# Promo Photo & Video Kit for Lovable

Made by Žarko Antanasković (zarkoantanaskovic.com). Free to use.

Goal: every product and every post ships with visuals that look like they come from the same brand.

## 1. Lock the style first
Before generating anything, write a 4-line style card and reuse it in every prompt:
- Background (e.g. near-black #0B0B0C)
- Line / shape language (e.g. thin off-white hairlines, geometric)
- One accent colour, used once per image
- Forbidden: glow, lens flare, stock people, rainbow gradients, text inside generated images

## 2. Formats and sizes
| Use | Size | Notes |
|---|---|---|
| Share / OG image | 1200x630 | Subject centred, safe margin 80px |
| Blog cover | 1200x630 | Same as OG, one cover per post |
| LinkedIn post image | 1200x1200 | Square reads best in the feed |
| Reel / Story / Short | 1080x1920 (9:16) | Key content in the middle 60% |

## 3. Photos of the real product
- Use real screenshots of the app as the hero. Never generate a fake interface.
- To place a screenshot in a scene, edit the real image; don't generate from scratch.
- For people and places, use real photos you own. Add a light gradient so text on top stays readable.

## 4. Short promo video (6-10 seconds)
1. Pick one message: "Track competitor prices daily".
2. Start from a real still (screenshot or cover) as the first frame.
3. Keep the camera fixed or a slow push-in. One motion, no cuts.
4. Add the text in the website or editor, not in the generated clip.
5. On the site: autoplay, muted, loop, playsInline, full 9:16, a caption under it.

## 5. Wiring into the site
- Each blog post and page gets its own share image in its page metadata (og:image and twitter:image, absolute URL).
- Keep a single map from page to image, so no page falls back to your portrait.
- After changes, refresh previews with LinkedIn Post Inspector and the Facebook Sharing Debugger.

## 6. Checklist before posting
- Readable at phone feed size?
- One message only?
- Same style card as the last 5 images?
- No text generated inside the image?