Product ads

Before and after ad

Put two panels side by side to show the change your product makes.

Replace the two panel images and their captions. Keep the Before and After labels or rename them.

A white square ad with a grey Before panel beside a blue After panel and a button under them

TypeMarketing images

File typesPNG, JPEG, WebP

SourceMade by thirds.ai with original graphic marks and fictional sample names.

LicenceFree to copy and use in your own templates

Your data

See the fields before you copy.

Your copy starts with these sample values. Change any of them.

{
  "headline": "Your weekly report, before and after Orbit",
  "before_caption": "Six spreadsheets and a late night",
  "after_caption": "One page, ready every Monday",
  "action": "See how it works"
}

Use it your way

Render the same template on the web, by API, or through MCP.

curl https://thirds.ai/v1/image \
  -H "Authorization: Bearer $THIRDS_API_KEY" \
  -H "Content-Type: application/json" \
  -d '{"template_id":"tpl_your_copy","version":1,"data":{"headline":"Your weekly report, before and after Orbit","before_caption":"Six spreadsheets and a late night","after_caption":"One page, ready every Monday","action":"See how it works"},"image":{"format":"png","width":1080,"height":1080}}'

{
  "jsonrpc": "2.0",
  "id": 1,
  "method": "tools/call",
  "params": {
    "name": "render",
    "arguments": {
      "output": "png",
      "idempotency_key": "before-after-ad-1",
      "request": {
        "template_id": "tpl_your_copy",
        "version": 1,
        "data": {
          "headline": "Your weekly report, before and after Orbit",
          "before_caption": "Six spreadsheets and a late night",
          "after_caption": "One page, ready every Monday",
          "action": "See how it works"
        },
        "image": {
          "width": 1080,
          "height": 1080
        }
      }
    }
  }
}

Make it yours

Copy this template.

Every change you make stays in your own copy.