Qubold

Instagram promos

View ads landing

Reel

Animated · 1080×1920 · ~8s

Three animated reel templates (v1, v2, v3), all exported directly as MP4. v3 includes an optional soundtrack baked into the file.

Five styles, three sizes each.

Midnight for impact, Editorial for premium feel, Mono for restraint, Brutalist to stop the scroll, and Chrome for the designer-Instagram aesthetic. Each is rendered as a live page at exact Instagram pixel dimensions — tap Download PNG on any thumbnail to save a press-ready file.

Midnight

Bold · dark · rose accent

Dark slab with a gradient brand mark, feature pills, and a glowing CTA. Reads loud in feed.

Editorial

Cream · serif · portfolio mosaic

Magazine-cover feel: portfolio mosaic, a slow serif headline, and a confident black pill CTA.

Mono

White · Swiss · signal-red

Pure white, pure ink, one signal-red line. Restrained typography and contact-sheet frames — premium positioning, scroll-stopping by contrast.

Brutalist

Lime · thick borders · stickers

Electric-lime backdrop, italic display type, rotated sticker badges. Built to stop the scroll in a noisy feed — pairs well with younger audiences.

Chrome

Black · brushed-chrome type · ruler

Designer-portfolio aesthetic — brushed-chrome gradient on display type, outlined hero card with oversized clipped lettering, credits header, and a designer-tool ruler at the bottom.

Export a press-ready PNG

The easy way: tap Download PNG under any thumbnail above, or use the same button on each full-size promo page (top-right). The file saves at the exact Instagram pixel size, ready to upload.

Need a CLI / DevTools fallback?
  1. DevTools: inspect the #canvas element on a promo page, right-click → Capture node screenshot.
  2. CLI batch via Playwright (all 12 in one run):
    # Midnight
    npx playwright screenshot --viewport-size=1080,1350 http://localhost:3000/ads/promo/4x5            frameflow-midnight-4x5.png
    npx playwright screenshot --viewport-size=1080,1080 http://localhost:3000/ads/promo/1x1            frameflow-midnight-1x1.png
    npx playwright screenshot --viewport-size=1080,1920 http://localhost:3000/ads/promo/9x16           frameflow-midnight-9x16.png
    
    # Editorial
    npx playwright screenshot --viewport-size=1080,1350 http://localhost:3000/ads/promo/editorial/4x5  frameflow-editorial-4x5.png
    npx playwright screenshot --viewport-size=1080,1080 http://localhost:3000/ads/promo/editorial/1x1  frameflow-editorial-1x1.png
    npx playwright screenshot --viewport-size=1080,1920 http://localhost:3000/ads/promo/editorial/9x16 frameflow-editorial-9x16.png
    
    # Mono
    npx playwright screenshot --viewport-size=1080,1350 http://localhost:3000/ads/promo/mono/4x5       frameflow-mono-4x5.png
    npx playwright screenshot --viewport-size=1080,1080 http://localhost:3000/ads/promo/mono/1x1       frameflow-mono-1x1.png
    npx playwright screenshot --viewport-size=1080,1920 http://localhost:3000/ads/promo/mono/9x16      frameflow-mono-9x16.png
    
    # Brutalist
    npx playwright screenshot --viewport-size=1080,1350 http://localhost:3000/ads/promo/brutalist/4x5  frameflow-brutalist-4x5.png
    npx playwright screenshot --viewport-size=1080,1080 http://localhost:3000/ads/promo/brutalist/1x1  frameflow-brutalist-1x1.png
    npx playwright screenshot --viewport-size=1080,1920 http://localhost:3000/ads/promo/brutalist/9x16 frameflow-brutalist-9x16.png
    
    # Chrome
    npx playwright screenshot --viewport-size=1080,1350 http://localhost:3000/ads/promo/chrome/4x5     frameflow-chrome-4x5.png
    npx playwright screenshot --viewport-size=1080,1080 http://localhost:3000/ads/promo/chrome/1x1     frameflow-chrome-1x1.png
    npx playwright screenshot --viewport-size=1080,1920 http://localhost:3000/ads/promo/chrome/9x16    frameflow-chrome-9x16.png
The floating chips on each promo page (ratio badge, download button) are outside the capture node — they won't appear in the PNG.