Myth Vs Fact

Two-tone square card splitting a struck MYTH from the FACT with a VS badge — swap both statements, labels, brand and accent.

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

Variables

Open in editor

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

Customize Myth Vs Fact

Myth Vs Fact is a ready-to-render Content creator / social image design formatted for Instagram Post · 1:1 and support for variables. Open it in the editor to replace its copy and media, then render variations through the Zvid API.

11 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

MYTHBUSTING

mythLabelText

MYTH

mythTextText

You need to post every single day to grow.

factLabelText

FACT

factTextText

One post people actually save beats seven they scroll past.

brandText

growthframe

inkColor

#14141A

panelInkColor

#0F1A15

offWhiteColor

#EFF2EF

mutedColor

#83808C

accentColor

#45E08A

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-social-myth-fact",
  "resolution": "instagram-post",
  "outputFormat": "png",
  "backgroundColor": "#14141A",
  "variables": {
    "eyebrow": "MYTHBUSTING",
    "mythLabel": "MYTH",
    "mythText": "You need to post every single day to grow.",
    "factLabel": "FACT",
    "factText": "One post people actually save beats seven they scroll past.",
    "brand": "growthframe",
    "ink": "#14141A",
    "panelInk": "#0F1A15",
    "offWhite": "#EFF2EF",
    "muted": "#83808C",
    "accent": "#45E08A"
  },
  "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='top' x1='0' y1='0' x2='1' y2='0'><stop offset='0' stop-color='#1B1B22'/><stop offset='1' stop-color='#141419'/></linearGradient><radialGradient id='gl' cx='0.5' cy='1' r='0.8'><stop offset='0' stop-color='{{accent}}' stop-opacity='0.16'/><stop offset='1' stop-color='{{accent}}' stop-opacity='0'/></radialGradient></defs><rect x='0' y='0' width='1080' height='540' fill='url(#top)'/><rect x='0' y='540' width='1080' height='540' fill='{{panelInk}}'/><rect x='0' y='540' width='1080' height='540' fill='url(#gl)'/><rect x='40' y='40' width='1000' height='1000' rx='30' fill='none' stroke='#FFFFFF' stroke-opacity='0.08' stroke-width='1.5'/><rect x='40' y='539' width='1000' height='2' fill='{{accent}}' fill-opacity='0.3'/></svg>"
    },
    {
      "type": "SVG",
      "x": 80,
      "y": 88,
      "width": 236,
      "height": 48,
      "anchor": "top-left",
      "track": 4,
      "svg": "<svg width='236' height='48' viewBox='0 0 236 48' xmlns='http://www.w3.org/2000/svg'><rect x='0' y='0' width='236' height='48' rx='24' fill='#FFFFFF' fill-opacity='0.06' stroke='#FFFFFF' stroke-opacity='0.16' stroke-width='1.2'/><circle cx='28' cy='24' r='5' fill='{{accent}}'/><text x='48' y='31' font-family='Space Grotesk, Arial' font-size='18' font-weight='600' letter-spacing='3' fill='#D6D9D6'>{{eyebrow}}</text></svg>"
    },
    {
      "type": "SVG",
      "x": 80,
      "y": 188,
      "width": 128,
      "height": 44,
      "anchor": "top-left",
      "track": 5,
      "svg": "<svg width='128' height='44' viewBox='0 0 128 44' xmlns='http://www.w3.org/2000/svg'><rect x='0' y='0' width='128' height='44' rx='10' fill='#FFFFFF' fill-opacity='0.08'/><text x='24' y='30' font-family='Space Grotesk, Arial' font-size='20' font-weight='700' letter-spacing='3' fill='{{muted}}'>{{mythLabel}}</text></svg>"
    },
    {
      "type": "TEXT",
      "x": 80,
      "y": 256,
      "width": 920,
      "anchor": "top-left",
      "track": 5,
      "style": {
        "fontFamily": "Archivo"
      },
      "html": "<div style='font-size:56px; font-weight:600; line-height:1.08; letter-spacing:-0.02em; color:{{muted}}; text-decoration:line-through;'>{{mythText}}</div>"
    },
    {
      "type": "SVG",
      "x": 476,
      "y": 496,
      "width": 128,
      "height": 88,
      "anchor": "top-left",
      "track": 6,
      "svg": "<svg width='128' height='88' viewBox='0 0 128 88' xmlns='http://www.w3.org/2000/svg'><rect x='24' y='16' width='80' height='56' rx='28' fill='{{ink}}' stroke='{{accent}}' stroke-width='1.6'/><text x='64' y='53' font-family='Space Grotesk, Arial' font-size='26' font-weight='700' fill='{{accent}}' text-anchor='middle' letter-spacing='1'>VS</text></svg>"
    },
    {
      "type": "SVG",
      "x": 80,
      "y": 618,
      "width": 122,
      "height": 44,
      "anchor": "top-left",
      "track": 5,
      "svg": "<svg width='122' height='44' viewBox='0 0 122 44' xmlns='http://www.w3.org/2000/svg'><rect x='0' y='0' width='122' height='44' rx='10' fill='{{accent}}'/><text x='22' y='30' font-family='Space Grotesk, Arial' font-size='20' font-weight='700' letter-spacing='3' fill='{{ink}}'>{{factLabel}}</text></svg>"
    },
    {
      "type": "TEXT",
      "x": 80,
      "y": 686,
      "width": 920,
      "anchor": "top-left",
      "track": 5,
      "style": {
        "fontFamily": "Archivo"
      },
      "html": "<div style='font-size:58px; font-weight:700; line-height:1.08; letter-spacing:-0.02em; color:{{offWhite}};'>{{factText}}</div>"
    },
    {
      "type": "SVG",
      "x": 80,
      "y": 966,
      "width": 340,
      "height": 40,
      "anchor": "top-left",
      "track": 7,
      "svg": "<svg width='340' height='40' viewBox='0 0 340 40' xmlns='http://www.w3.org/2000/svg'><circle cx='11' cy='20' r='7' fill='{{accent}}'/><text x='30' y='27' font-family='Space Grotesk, Arial' font-size='21' font-weight='600' fill='#B7BBB7'>{{brand}}</text></svg>"
    }
  ]
}