Competitor Alternative

Confident 'better alternative to X' ad with a why-switch checklist and screenshot panel — swap competitor, reasons and photo.

Type: Image
Format: Instagram Post · 1:1
Orientation: Square

Variablesphoto

Open in editor

Free template · opens in the editor, no account required.

Customize Competitor Alternative

Competitor Alternative is a ready-to-render Ad creative / agency image design formatted for Instagram Post · 1:1 and support for variables, photo. Open it in the editor to replace its copy and media, then render variations through the Zvid API.

14 variables: Every value below is a variable you can override — send them in the variables field of the render request (or edit them in the editor) to generate on-brand versions at scale.

eyebrowText

SWITCHING IS EASY

brandText

orbit

line1Text

The better

line2Text

alternative to

competitorText

the old way

why1Text

Half the price, twice the output

why2Text

Set up in minutes, not weeks

why3Text

Real humans on support, 24/7

ctaText

Make the switch

accentColor

#5B8DEF

inkColor

#101418

textColorColor

#F4F2FB

mutedColorColor

#8B95A0

screenshotImageMedia URL

pexels-photo-1128207.jpeg

The exact JSON payload

This is the full render config — POST it to the API, or open it in the editor to tweak.

Open in editor ↗

{
  "type": "image",
  "name": "img-ad-competitor-alt",
  "resolution": "instagram-post",
  "outputFormat": "png",
  "backgroundColor": "#101418",
  "variables": {
    "eyebrow": "SWITCHING IS EASY",
    "brand": "orbit",
    "line1": "The better",
    "line2": "alternative to",
    "competitor": "the old way",
    "why1": "Half the price, twice the output",
    "why2": "Set up in minutes, not weeks",
    "why3": "Real humans on support, 24/7",
    "cta": "Make the switch",
    "accent": "#5B8DEF",
    "ink": "#101418",
    "textColor": "#F4F2FB",
    "mutedColor": "#8B95A0",
    "screenshotImage": "https://images.pexels.com/photos/1128207/pexels-photo-1128207.jpeg?auto=compress&cs=tinysrgb&w=1600"
  },
  "visuals": [
    {
      "type": "SVG",
      "width": 1080,
      "height": 1080,
      "position": "center-center",
      "track": 0,
      "svg": "<svg width='1080' height='1080' viewBox='0 0 1080 1080' xmlns='http://www.w3.org/2000/svg'><defs><linearGradient id='bg' x1='0' y1='0' x2='1' y2='1'><stop offset='0' stop-color='#111826'/><stop offset='0.55' stop-color='#101418'/><stop offset='1' stop-color='#0B0E12'/></linearGradient><radialGradient id='glow' cx='0.2' cy='0.15' r='0.6'><stop offset='0' stop-color='{{accent}}' stop-opacity='0.24'/><stop offset='1' stop-color='{{accent}}' stop-opacity='0'/></radialGradient></defs><rect width='1080' height='1080' fill='url(#bg)'/><rect width='1080' height='1080' fill='url(#glow)'/><rect x='28' y='28' width='1024' height='1024' rx='34' fill='none' stroke='#FFFFFF' stroke-opacity='0.07' stroke-width='1.5'/></svg>"
    },
    {
      "type": "IMAGE",
      "src": "{{screenshotImage}}",
      "x": 576,
      "y": 250,
      "width": 434,
      "height": 560,
      "anchor": "top-left",
      "radius": {
        "tl": 22,
        "tr": 22,
        "bl": 22,
        "br": 22
      },
      "track": 2
    },
    {
      "type": "SVG",
      "x": 80,
      "y": 80,
      "width": 200,
      "height": 48,
      "anchor": "top-left",
      "track": 4,
      "svg": "<svg width='200' height='48' viewBox='0 0 200 48' xmlns='http://www.w3.org/2000/svg'><rect x='0' y='0' width='200' height='48' rx='24' fill='#FFFFFF' fill-opacity='0.06' stroke='#FFFFFF' stroke-opacity='0.16' stroke-width='1'/><circle cx='27' cy='24' r='6' fill='{{accent}}'/><text x='47' y='31' font-family='Space Grotesk, Arial' font-size='19' font-weight='600' letter-spacing='0.5' fill='#F4F2FB'>{{brand}}</text></svg>"
    },
    {
      "type": "SVG",
      "x": 80,
      "y": 148,
      "width": 300,
      "height": 44,
      "anchor": "top-left",
      "track": 4,
      "svg": "<svg width='300' height='44' viewBox='0 0 300 44' xmlns='http://www.w3.org/2000/svg'><rect x='0' y='0' width='300' height='44' rx='22' fill='{{accent}}' fill-opacity='0.14' stroke='{{accent}}' stroke-opacity='0.5' stroke-width='1.2'/><text x='24' y='29' font-family='Space Grotesk, Arial' font-size='17' font-weight='600' letter-spacing='2.4' fill='{{accent}}'>{{eyebrow}}</text></svg>"
    },
    {
      "type": "TEXT",
      "x": 80,
      "y": 214,
      "width": 470,
      "anchor": "top-left",
      "track": 5,
      "style": {
        "fontFamily": "Syne"
      },
      "html": "<div style='font-size:44px; font-weight:800; line-height:1.06; letter-spacing:-0.02em; color:{{textColor}};'>{{line1}}<br>{{line2}}<br><span style='color:{{accent}};'>{{competitor}}</span></div>"
    },
    {
      "type": "SVG",
      "x": 80,
      "y": 500,
      "width": 470,
      "height": 210,
      "anchor": "top-left",
      "track": 5,
      "svg": "<svg width='470' height='210' viewBox='0 0 470 210' xmlns='http://www.w3.org/2000/svg'><g><circle cx='20' cy='22' r='17' fill='{{accent}}'/><path d='M11 22 L18 29 L30 15' fill='none' stroke='{{ink}}' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/><text x='54' y='30' font-family='Space Grotesk, Arial' font-size='22' font-weight='500' fill='#F4F2FB'>{{why1}}</text></g><g><circle cx='20' cy='92' r='17' fill='{{accent}}'/><path d='M11 92 L18 99 L30 85' fill='none' stroke='{{ink}}' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/><text x='54' y='100' font-family='Space Grotesk, Arial' font-size='22' font-weight='500' fill='#F4F2FB'>{{why2}}</text></g><g><circle cx='20' cy='162' r='17' fill='{{accent}}'/><path d='M11 162 L18 169 L30 155' fill='none' stroke='{{ink}}' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/><text x='54' y='170' font-family='Space Grotesk, Arial' font-size='22' font-weight='500' fill='#F4F2FB'>{{why3}}</text></g></svg>"
    },
    {
      "type": "SVG",
      "x": 596,
      "y": 270,
      "width": 74,
      "height": 74,
      "anchor": "top-left",
      "track": 4,
      "svg": "<svg width='74' height='74' viewBox='0 0 74 74' xmlns='http://www.w3.org/2000/svg'><circle cx='37' cy='37' r='36' fill='{{accent}}'/><text x='37' y='47' font-family='Space Grotesk, Arial' font-size='26' font-weight='800' fill='{{ink}}' text-anchor='middle' letter-spacing='0.5'>VS</text></svg>"
    },
    {
      "type": "SVG",
      "x": 80,
      "y": 884,
      "width": 340,
      "height": 76,
      "anchor": "top-left",
      "track": 6,
      "svg": "<svg width='340' height='76' viewBox='0 0 340 76' xmlns='http://www.w3.org/2000/svg'><rect x='0' y='0' width='340' height='76' rx='38' fill='{{accent}}'/><text x='140' y='48' font-family='Space Grotesk, Arial' font-size='25' font-weight='700' fill='{{ink}}' text-anchor='middle' letter-spacing='0.4'>{{cta}}</text><circle cx='292' cy='38' r='15' fill='{{ink}}' fill-opacity='0.16'/><path d='M286 38 L298 38 M293 33 L298 38 L293 43' fill='none' stroke='{{ink}}' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/></svg>"
    }
  ]
}