Myth vs Fact

Red-vs-green misconception format; swap the pairs[] array (myth/fact), topic, disclaimer toggle and handle.

Type
Video
Format
TikTok · 9:16
Orientation
Portrait
Duration
19s
Scenes
5
Render cost
$0.00475 / render
VariablesData-driven repeatConditional scenesvideo
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 video design formatted for TikTok · 9:16 with 5 scenes and support for variables, data-driven repeat, conditional scenes, video. Open it in the editor to replace its copy and media, then render variations through the Zvid API.

16 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.

handleText
@science.decoded
topicText
Sleep myths, busted
hookKickerText
MYTH vs FACT
hookTitleText
Everything you<br>heard is wrong
hookSubText
3 sleep 'facts' that are total nonsense.
mythLabelText
MYTH
factLabelText
FACT
showDisclaimerToggle
on
disclaimerText
Sources in the comments. Not medical advice.
ctaTitleText
Tag someone who<br>still believes #2
ctaTextText
Follow for the real science
mythColorColor
#F0435F
factColorColor
#2FE6A6
pairsList · 3
no1
mythYou can catch up on sleep at the weekend.
factWeekend 'catch-up' doesn't repay the debt — it just shifts your body clock and makes Monday worse.
no2
mythA nightcap helps you sleep better.
factAlcohol knocks you out fast but wrecks REM sleep, so you wake up groggy and unrested.
no3
mythEveryone needs exactly 8 hours.
factThe sweet spot is 7–9 and it's personal. Consistency matters far more than a magic number.
musicUrlMedia URL

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 ↗
{
  "name": "social-myth-vs-fact",
  "resolution": "tiktok",
  "frameRate": 30,
  "backgroundColor": "#0C0A1E",
  "outputFormat": "mp4",
  "variables": {
    "handle": "@science.decoded",
    "topic": "Sleep myths, busted",
    "hookKicker": "MYTH vs FACT",
    "hookTitle": "Everything you<br>heard is wrong",
    "hookSub": "3 sleep 'facts' that are total nonsense.",
    "mythLabel": "MYTH",
    "factLabel": "FACT",
    "showDisclaimer": true,
    "disclaimer": "Sources in the comments. Not medical advice.",
    "ctaTitle": "Tag someone who<br>still believes #2",
    "ctaText": "Follow for the real science",
    "mythColor": "#F0435F",
    "factColor": "#2FE6A6",
    "hookVideo": "https://videos.pexels.com/video-files/7639980/7639980-hd_1080_1920_30fps.mp4",
    "pairs": [
      {
        "no": "1",
        "myth": "You can catch up on sleep at the weekend.",
        "fact": "Weekend 'catch-up' doesn't repay the debt — it just shifts your body clock and makes Monday worse."
      },
      {
        "no": "2",
        "myth": "A nightcap helps you sleep better.",
        "fact": "Alcohol knocks you out fast but wrecks REM sleep, so you wake up groggy and unrested."
      },
      {
        "no": "3",
        "myth": "Everyone needs exactly 8 hours.",
        "fact": "The sweet spot is 7–9 and it's personal. Consistency matters far more than a magic number."
      }
    ],
    "musicUrl": "https://cdn.pixabay.com/audio/2026/02/24/audio_3f375fdf97.mp3"
  },
  "scenes": [
    {
      "id": "hook",
      "duration": 4,
      "backgroundColor": "#0C0A1E",
      "transition": "smoothup",
      "transitionId": "pair",
      "transitionDuration": 0.5,
      "visuals": [
        {
          "type": "VIDEO",
          "src": "{{hookVideo}}",
          "width": 1080,
          "height": 1920,
          "position": "center-center",
          "resize": "cover",
          "volume": 0,
          "opacity": 0.55,
          "track": 0,
          "enterBegin": 0,
          "exitEnd": 4
        },
        {
          "type": "SVG",
          "width": 1080,
          "height": 1920,
          "track": 1,
          "enterBegin": 0,
          "exitEnd": 4,
          "svg": "<svg width='1080' height='1920' viewBox='0 0 1080 1920' xmlns='http://www.w3.org/2000/svg'><defs><linearGradient id='mvfShade' x1='0' y1='0' x2='0' y2='1'><stop offset='0' stop-color='#0C0A1E' stop-opacity='0.75'/><stop offset='0.45' stop-color='#0C0A1E' stop-opacity='0.35'/><stop offset='1' stop-color='#0C0A1E' stop-opacity='0.96'/></linearGradient></defs><rect width='1080' height='1920' fill='url(#mvfShade)'/><rect x='90' y='1206' width='420' height='6' rx='3' fill='#F0435F'/><rect x='570' y='1206' width='420' height='6' rx='3' fill='#2FE6A6'/></svg>"
        },
        {
          "type": "TEXT",
          "x": 540,
          "y": 200,
          "anchor": "top-center",
          "track": 3,
          "enterBegin": 0.2,
          "enterEnd": 0.6,
          "enterAnimation": "circleopen",
          "exitEnd": 4,
          "style": {
            "fontFamily": "Archivo"
          },
          "html": "<div style='display:inline-block; padding:14px 34px; border-radius:999px; border:2px solid rgba(255,255,255,0.5); color:#FFFFFF; font-size:28px; font-weight:800; letter-spacing:6px;'>{{hookKicker}}</div>"
        },
        {
          "type": "TEXT",
          "x": 540,
          "y": 1260,
          "width": 940,
          "anchor": "top-center",
          "track": 4,
          "enterBegin": 0.45,
          "enterEnd": 1,
          "enterAnimation": "smoothup",
          "exitEnd": 4,
          "style": {
            "fontFamily": "Archivo"
          },
          "html": "<div style='text-align:center; color:#FFFFFF; font-size:104px; line-height:0.98; font-weight:800; letter-spacing:-3px;'>{{hookTitle}}</div><div style='margin-top:26px; text-align:center; color:#B7B2D6; font-size:34px; line-height:1.35; font-weight:500;'>{{hookSub}}</div>"
        },
        {
          "type": "TEXT",
          "x": 540,
          "y": 1820,
          "anchor": "center-center",
          "track": 2,
          "enterBegin": 0,
          "exitEnd": 4,
          "style": {
            "fontFamily": "Archivo"
          },
          "html": "<div style='color:rgba(255,255,255,0.55); font-size:26px; font-weight:700; letter-spacing:4px;'>{{topic}} · {{handle}}</div>"
        }
      ]
    },
    {
      "id": "pair",
      "iterate": "pairs",
      "iterateAs": "p",
      "duration": 4.2,
      "backgroundColor": "#0C0A1E",
      "transition": "smoothup",
      "transitionId": "cta",
      "transitionDuration": 0.5,
      "visuals": [
        {
          "type": "SVG",
          "width": 1080,
          "height": 1920,
          "track": 0,
          "enterBegin": 0,
          "exitEnd": 4.2,
          "svg": "<svg width='1080' height='1920' viewBox='0 0 1080 1920' xmlns='http://www.w3.org/2000/svg'><defs><linearGradient id='mvfBg' x1='0' y1='0' x2='0' y2='1'><stop offset='0' stop-color='#151033'/><stop offset='1' stop-color='#0C0A1E'/></linearGradient></defs><rect width='1080' height='1920' fill='url(#mvfBg)'/><rect x='72' y='500' width='936' height='560' rx='36' fill='rgba(240,67,95,0.1)' stroke='rgba(240,67,95,0.55)' stroke-width='1.5'/><rect x='72' y='1120' width='936' height='680' rx='36' fill='rgba(47,230,166,0.1)' stroke='rgba(47,230,166,0.55)' stroke-width='1.5'/></svg>"
        },
        {
          "type": "TEXT",
          "x": 540,
          "y": 300,
          "anchor": "center-center",
          "track": 1,
          "enterBegin": 0.1,
          "enterEnd": 0.5,
          "enterAnimation": "fade",
          "exitEnd": 4.2,
          "style": {
            "fontFamily": "Archivo"
          },
          "html": "<div style='color:rgba(183,178,214,0.9); font-size:34px; font-weight:800; letter-spacing:8px;'>ROUND {{p.no}}</div>"
        },
        {
          "type": "TEXT",
          "x": 112,
          "y": 540,
          "width": 856,
          "anchor": "top-left",
          "track": 2,
          "enterBegin": 0.3,
          "enterEnd": 0.75,
          "enterAnimation": "smoothleft",
          "exitEnd": 4.2,
          "style": {
            "fontFamily": "Archivo"
          },
          "html": "<div style='display:inline-block; background:{{mythColor}}; color:#0C0A1E; border-radius:10px; padding:10px 26px; font-size:30px; font-weight:800; letter-spacing:4px;'>{{mythLabel}}</div><div style='margin-top:24px; color:#FFE3E8; font-size:52px; line-height:1.1; font-weight:700;'>{{p.myth}}</div>"
        },
        {
          "type": "TEXT",
          "x": 112,
          "y": 1160,
          "width": 856,
          "anchor": "top-left",
          "track": 3,
          "enterBegin": 0.6,
          "enterEnd": 1.05,
          "enterAnimation": "smoothright",
          "exitEnd": 4.2,
          "style": {
            "fontFamily": "Archivo"
          },
          "html": "<div style='display:inline-block; background:{{factColor}}; color:#0C0A1E; border-radius:10px; padding:10px 26px; font-size:30px; font-weight:800; letter-spacing:4px;'>{{factLabel}}</div><div style='margin-top:24px; color:#E4FFF4; font-size:42px; line-height:1.34; font-weight:500;'>{{p.fact}}</div>"
        }
      ]
    },
    {
      "id": "cta",
      "duration": 4.4,
      "backgroundColor": "#0C0A1E",
      "visuals": [
        {
          "type": "SVG",
          "width": 1080,
          "height": 1920,
          "track": 0,
          "enterBegin": 0,
          "exitEnd": 4.4,
          "svg": "<svg width='1080' height='1920' viewBox='0 0 1080 1920' xmlns='http://www.w3.org/2000/svg'><defs><radialGradient id='mvfCta' cx='0.5' cy='0.4' r='0.95'><stop offset='0' stop-color='#181140'/><stop offset='1' stop-color='#0C0A1E'/></radialGradient></defs><rect width='1080' height='1920' fill='url(#mvfCta)'/><circle cx='400' cy='560' r='120' fill='none' stroke='rgba(240,67,95,0.7)' stroke-width='3'/><circle cx='680' cy='560' r='120' fill='none' stroke='rgba(47,230,166,0.7)' stroke-width='3'/><path d='M470 560 H610' stroke='rgba(255,255,255,0.5)' stroke-width='4'/></svg>"
        },
        {
          "type": "TEXT",
          "x": 540,
          "y": 820,
          "width": 920,
          "anchor": "top-center",
          "track": 1,
          "enterBegin": 0.25,
          "enterEnd": 0.75,
          "enterAnimation": "smoothup",
          "exitEnd": 4.4,
          "style": {
            "fontFamily": "Archivo"
          },
          "html": "<div style='text-align:center; color:#FFFFFF; font-size:78px; line-height:1.04; font-weight:800; letter-spacing:-2px;'>{{ctaTitle}}</div>"
        },
        {
          "type": "TEXT",
          "x": 540,
          "y": 1150,
          "anchor": "top-center",
          "track": 2,
          "enterBegin": 0.7,
          "enterEnd": 1.1,
          "enterAnimation": "circleopen",
          "exitEnd": 4.4,
          "style": {
            "fontFamily": "Archivo"
          },
          "html": "<div style='display:inline-block; background:{{factColor}}; color:#0C0A1E; border-radius:999px; padding:26px 62px; font-size:36px; font-weight:800;'>{{ctaText}}</div>"
        },
        {
          "type": "TEXT",
          "condition": "{{showDisclaimer}}",
          "x": 540,
          "y": 1720,
          "width": 860,
          "anchor": "top-center",
          "track": 3,
          "enterBegin": 1.1,
          "enterEnd": 1.5,
          "enterAnimation": "fade",
          "exitEnd": 4.4,
          "style": {
            "fontFamily": "Archivo"
          },
          "html": "<div style='text-align:center; color:#7E799C; font-size:25px; line-height:1.4; font-weight:600;'>{{disclaimer}}</div>"
        }
      ]
    }
  ],
  "audios": [
    {
      "src": "{{musicUrl}}",
      "volume": 0.16,
      "track": 0
    }
  ]
}

More Content creator / social templates

View all ↗

Ready to ship video at scale?

Start free — your first render is only a JSON payload away.