Before and after ad

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

A square before and after ad for Nook and Order, with one room split by a slanted slider line, grey boxes on the Before side and a bright desk on the After side, and a bold headline on navy below.
Original1 of 6
Colours, fonts, and logo
File types
PNGJPEGWebP
Size
1080 × 1080 px
Use case
Product ads
Licence
Free to copy and use in your own templates
Source
Made by thirds.ai with the open-licence Bricolage Grotesque and Instrument Sans fonts, original graphic marks, and fictional sample names.

Put your brand on every design

Three brands

Give every client this design in their own brand.

Add a client's logo, colours, and fonts in one step, and you've got a file that looks made just for them, with no new design to build.

  • A square before and after ad for Nook and Order, with one room split by a slanted slider line, grey boxes on the Before side and a bright desk on the After side, and a bold headline on navy below.
  • The Before and after ad design made for a second business, with its own details and brand.
  • The Before and after ad design made for a third business, with its own details and brand.

About this design

What you can make with it.

Show people the change your work makes. One picture splits down the middle, with Before on one side and After on the other, above a bold headline and a booking button. Change the headline and captions for each client.

Your details

What you can change.

These are the words and numbers you swap for your own. The design stays the same.

  1. HeadlineA short text.
  2. Before captionA short text.
  3. After captionA short text.
  4. ActionA short text.
Sample data
{
  "headline": "Boxroom to dream room",
  "before_caption": "Boxes stacked to the ceiling since the move",
  "after_caption": "A bright studio with a desk and shelves that earn their keep",
  "action": "Book your free home visit"
}

For developers

Make this file from your code or your AI tools.

Save your design once, then your code or AI tool sends the details and gets the finished file back. Each one costs 1 credit.

API request
curl https://thirds.ai/v1/image \
  -H "Authorization: Bearer $THIRDS_API_KEY" \
  -H "Content-Type: application/json" \
  -H "Idempotency-Key: before-after-ad-1" \
  -d '{"template_id":"tpl_your_copy","version":1,"data":{"headline":"Boxroom to dream room","before_caption":"Boxes stacked to the ceiling since the move","after_caption":"A bright studio with a desk and shelves that earn their keep","action":"Book your free home visit"},"image":{"format":"png","width":1080,"height":1080}}'
MCP call
{
  "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": "Boxroom to dream room",
          "before_caption": "Boxes stacked to the ceiling since the move",
          "after_caption": "A bright studio with a desk and shelves that earn their keep",
          "action": "Book your free home visit"
        },
        "image": {
          "width": 1080,
          "height": 1080
        }
      }
    }
  }
}

Edit this template

Open it in the editor, put your brand on it, and keep it with your own templates. Your first 50 credits each month are free.