Investor Update Video

Midnight + gold partner update: ARR/growth/runway cards, milestones[] timeline, optional Series-A badge — all swappable.

Type
Video
Format
Full HD · 16:9
Orientation
Landscape
Duration
17.55s
Scenes
4
Render cost
$0.00439 / render
VariablesConditional scenes
Open in editor

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

Customize Investor Update Video

Investor Update Video is a ready-to-render Data viz / reports video design formatted for Full HD · 16:9 with 4 scenes and support for variables, conditional scenes. Open it in the editor to replace its copy and media, then render variations through the Zvid API.

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

companyNameText
Meridian Labs
kickerText
INVESTOR UPDATE
periodText
H1 2026
headlineText
Six months. Real momentum.
subLineText
A snapshot for our partners: the growth numbers and the milestones behind them.
badgeTextText
SERIES A · CLOSED
showBadgeToggle
on
milestonesTitleText
Milestones shipped
closingTitleText
Thank you for backing us.
closingLineText
Next update in September. Reach out anytime — office hours every Thursday.
musicUrlMedia URL
arrValueText
$2.4M
arrLabelText
ANNUAL RECURRING REVENUE
arrDeltaText
▲ 3.2× YoY
growthValueText
142%
growthLabelText
H1 GROWTH
runwayValueText
26 mo
runwayLabelText
RUNWAY
milestonesList · 3
tagPRODUCT
textShipped v2 platform — 40% faster, self-serve onboarding live
tagGO-TO-MARKET
textSigned 3 enterprise logos, including a Fortune 500 pilot
tagTEAM
textGrew from 11 to 24; hired VP Sales and Head of Product

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": "dataviz-investor-update",
  "resolution": "full-hd",
  "frameRate": 30,
  "backgroundColor": "#0A0F1C",
  "outputFormat": "mp4",
  "variables": {
    "companyName": "Meridian Labs",
    "kicker": "INVESTOR UPDATE",
    "period": "H1 2026",
    "headline": "Six months. Real momentum.",
    "subLine": "A snapshot for our partners: the growth numbers and the milestones behind them.",
    "badgeText": "SERIES A · CLOSED",
    "showBadge": true,
    "milestonesTitle": "Milestones shipped",
    "closingTitle": "Thank you for backing us.",
    "closingLine": "Next update in September. Reach out anytime — office hours every Thursday.",
    "bgImage": "https://images.unsplash.com/photo-1559136555-9303baea8ebd?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3MDgwMTZ8MHwxfHNlYXJjaHwyfHxtb2Rlcm4lMjBzdGFydHVwJTIwb2ZmaWNlJTIwdGVhbXxlbnwwfHx8fDE3ODMyNjg1NDV8MA&ixlib=rb-4.1.0&q=80&w=1080",
    "musicUrl": "https://cdn.pixabay.com/audio/2025/03/19/audio_56ae1dae5f.mp3",
    "arrValue": "$2.4M",
    "arrLabel": "ANNUAL RECURRING REVENUE",
    "arrDelta": "▲ 3.2× YoY",
    "growthValue": "142%",
    "growthLabel": "H1 GROWTH",
    "runwayValue": "26 mo",
    "runwayLabel": "RUNWAY",
    "milestones": [
      {
        "tag": "PRODUCT",
        "text": "Shipped v2 platform — 40% faster, self-serve onboarding live"
      },
      {
        "tag": "GO-TO-MARKET",
        "text": "Signed 3 enterprise logos, including a Fortune 500 pilot"
      },
      {
        "tag": "TEAM",
        "text": "Grew from 11 to 24; hired VP Sales and Head of Product"
      }
    ]
  },
  "scenes": [
    {
      "id": "intro",
      "duration": 4.6,
      "backgroundColor": "#0A0F1C",
      "transition": "fade",
      "transitionId": "numbers",
      "transitionDuration": 0.55,
      "visuals": [
        {
          "type": "IMAGE",
          "src": "{{bgImage}}",
          "width": 1920,
          "height": 1080,
          "position": "center-center",
          "resize": "cover",
          "zoom": true,
          "track": 0,
          "enterBegin": 0,
          "exitEnd": 4.6
        },
        {
          "type": "SVG",
          "width": 1920,
          "height": 1080,
          "track": 1,
          "enterBegin": 0,
          "exitEnd": 4.6,
          "svg": "<svg width='1920' height='1080' viewBox='0 0 1920 1080' xmlns='http://www.w3.org/2000/svg'><defs><linearGradient id='ivIntro' x1='0' y1='1' x2='0' y2='0'><stop offset='0' stop-color='#0A0F1C' stop-opacity='0.97'/><stop offset='0.5' stop-color='#0A0F1C' stop-opacity='0.68'/><stop offset='1' stop-color='#0A0F1C' stop-opacity='0.4'/></linearGradient></defs><rect width='1920' height='1080' fill='url(#ivIntro)'/><rect x='120' y='760' width='300' height='6' rx='3' fill='#F5C451'/></svg>"
        },
        {
          "type": "TEXT",
          "condition": "{{showBadge}}",
          "x": 120,
          "y": 250,
          "anchor": "top-left",
          "track": 3,
          "enterBegin": 0.2,
          "enterEnd": 0.6,
          "enterAnimation": "smoothdown",
          "exitEnd": 4.6,
          "style": {
            "fontFamily": "Inter"
          },
          "html": "<div style='display:inline-block; background:rgba(245,196,81,0.18); border:1.5px solid rgba(245,196,81,0.55); color:#F5C451; border-radius:999px; padding:12px 32px; font-size:24px; font-weight:700; letter-spacing:4px;'>{{badgeText}}</div>"
        },
        {
          "type": "TEXT",
          "x": 120,
          "y": 360,
          "width": 1200,
          "anchor": "top-left",
          "track": 2,
          "enterBegin": 0.4,
          "enterEnd": 0.9,
          "enterAnimation": "smoothup",
          "exitEnd": 4.6,
          "style": {
            "fontFamily": "Fraunces"
          },
          "html": "<div style='color:#F5C451; font-size:26px; font-weight:600; letter-spacing:6px; font-family:Inter;'>{{kicker}} · {{period}}</div><div style='margin-top:22px; color:#F6F2E8; font-size:110px; line-height:1; font-weight:600; letter-spacing:-2px;'>{{headline}}</div><div style='margin-top:36px; color:#A9B2C4; font-size:31px; line-height:1.4; font-weight:400; font-family:Inter;'>{{subLine}}</div>"
        }
      ]
    },
    {
      "id": "numbers",
      "duration": 4.6,
      "backgroundColor": "#0A0F1C",
      "transition": "smoothleft",
      "transitionId": "milestones",
      "transitionDuration": 0.55,
      "visuals": [
        {
          "type": "SVG",
          "width": 1920,
          "height": 1080,
          "track": 0,
          "enterBegin": 0,
          "exitEnd": 4.6,
          "svg": "<svg width='1920' height='1080' viewBox='0 0 1920 1080' xmlns='http://www.w3.org/2000/svg'><defs><radialGradient id='ivNum' cx='0.5' cy='0.3' r='1'><stop offset='0' stop-color='#141B30'/><stop offset='1' stop-color='#0A0F1C'/></radialGradient></defs><rect width='1920' height='1080' fill='url(#ivNum)'/><rect x='120' y='400' width='540' height='340' rx='28' fill='rgba(245,196,81,0.06)' stroke='rgba(245,196,81,0.32)' stroke-width='1.5'/><rect x='700' y='400' width='520' height='340' rx='28' fill='rgba(255,255,255,0.03)' stroke='rgba(245,196,81,0.2)' stroke-width='1.5'/><rect x='1260' y='400' width='540' height='340' rx='28' fill='rgba(255,255,255,0.03)' stroke='rgba(245,196,81,0.2)' stroke-width='1.5'/></svg>"
        },
        {
          "type": "TEXT",
          "x": 960,
          "y": 230,
          "anchor": "top-center",
          "track": 1,
          "enterBegin": 0.2,
          "enterEnd": 0.6,
          "enterAnimation": "smoothdown",
          "exitEnd": 4.6,
          "style": {
            "fontFamily": "Inter"
          },
          "html": "<div style='text-align:center; color:#8792A6; font-size:26px; font-weight:600; letter-spacing:6px;'>THE HEADLINE NUMBERS</div>"
        },
        {
          "type": "TEXT",
          "x": 390,
          "y": 470,
          "anchor": "top-center",
          "track": 2,
          "enterBegin": 0.4,
          "enterEnd": 0.85,
          "enterAnimation": "smoothup",
          "exitEnd": 4.6,
          "style": {
            "fontFamily": "Fraunces"
          },
          "html": "<div style='text-align:center; color:#F5C451; font-size:22px; font-weight:600; letter-spacing:3px; font-family:Inter;'>{{arrLabel}}</div><div style='margin-top:14px; text-align:center; color:#F6F2E8; font-size:100px; line-height:0.95; font-weight:600; letter-spacing:-3px;'>{{arrValue}}</div><div style='margin-top:16px; text-align:center; color:#C9A24B; font-size:26px; font-weight:600; font-family:Inter;'>{{arrDelta}}</div>"
        },
        {
          "type": "TEXT",
          "x": 960,
          "y": 470,
          "anchor": "top-center",
          "track": 3,
          "enterBegin": 0.6,
          "enterEnd": 1.05,
          "enterAnimation": "smoothup",
          "exitEnd": 4.6,
          "style": {
            "fontFamily": "Fraunces"
          },
          "html": "<div style='text-align:center; color:#8792A6; font-size:22px; font-weight:600; letter-spacing:3px; font-family:Inter;'>{{growthLabel}}</div><div style='margin-top:14px; text-align:center; color:#F6F2E8; font-size:100px; line-height:0.95; font-weight:600; letter-spacing:-3px;'>{{growthValue}}</div><div style='margin-top:16px; text-align:center; color:#6E7890; font-size:26px; font-weight:400; font-family:Inter;'>revenue, first half</div>"
        },
        {
          "type": "TEXT",
          "x": 1530,
          "y": 470,
          "anchor": "top-center",
          "track": 4,
          "enterBegin": 0.8,
          "enterEnd": 1.25,
          "enterAnimation": "smoothup",
          "exitEnd": 4.6,
          "style": {
            "fontFamily": "Fraunces"
          },
          "html": "<div style='text-align:center; color:#8792A6; font-size:22px; font-weight:600; letter-spacing:3px; font-family:Inter;'>{{runwayLabel}}</div><div style='margin-top:14px; text-align:center; color:#F6F2E8; font-size:100px; line-height:0.95; font-weight:600; letter-spacing:-3px;'>{{runwayValue}}</div><div style='margin-top:16px; text-align:center; color:#6E7890; font-size:26px; font-weight:400; font-family:Inter;'>at current burn</div>"
        }
      ]
    },
    {
      "id": "milestones",
      "duration": 5.2,
      "backgroundColor": "#0A0F1C",
      "transition": "smoothup",
      "transitionId": "outro",
      "transitionDuration": 0.55,
      "visuals": [
        {
          "type": "SVG",
          "width": 1920,
          "height": 1080,
          "track": 0,
          "enterBegin": 0,
          "exitEnd": 5.2,
          "svg": "<svg width='1920' height='1080' viewBox='0 0 1920 1080' xmlns='http://www.w3.org/2000/svg'><defs><radialGradient id='ivMile' cx='0.3' cy='0.4' r='1'><stop offset='0' stop-color='#131A2E'/><stop offset='1' stop-color='#0A0F1C'/></radialGradient></defs><rect width='1920' height='1080' fill='url(#ivMile)'/><line x1='200' y1='400' x2='200' y2='830' stroke='rgba(245,196,81,0.35)' stroke-width='2'/><circle cx='200' cy='440' r='11' fill='#F5C451'/><circle cx='200' cy='615' r='11' fill='#F5C451'/><circle cx='200' cy='790' r='11' fill='#F5C451'/></svg>"
        },
        {
          "type": "TEXT",
          "x": 120,
          "y": 230,
          "anchor": "top-left",
          "track": 1,
          "enterBegin": 0.2,
          "enterEnd": 0.6,
          "enterAnimation": "smoothright",
          "exitEnd": 5.2,
          "style": {
            "fontFamily": "Fraunces"
          },
          "html": "<div style='color:#F5C451; font-size:48px; font-weight:600; letter-spacing:-1px;'>{{milestonesTitle}}</div>"
        },
        {
          "type": "TEXT",
          "x": 260,
          "y": 410,
          "width": 1500,
          "anchor": "top-left",
          "track": 2,
          "enterBegin": 0.5,
          "enterEnd": 0.9,
          "enterAnimation": "smoothleft",
          "exitEnd": 5.2,
          "style": {
            "fontFamily": "Inter"
          },
          "html": "<div style='color:#C9A24B; font-size:22px; font-weight:700; letter-spacing:3px;'>{{milestones.0.tag}}</div><div style='margin-top:8px; color:#F6F2E8; font-size:40px; line-height:1.2; font-weight:500;'>{{milestones.0.text}}</div>"
        },
        {
          "type": "TEXT",
          "x": 260,
          "y": 585,
          "width": 1500,
          "anchor": "top-left",
          "track": 3,
          "enterBegin": 0.75,
          "enterEnd": 1.15,
          "enterAnimation": "smoothleft",
          "exitEnd": 5.2,
          "style": {
            "fontFamily": "Inter"
          },
          "html": "<div style='color:#C9A24B; font-size:22px; font-weight:700; letter-spacing:3px;'>{{milestones.1.tag}}</div><div style='margin-top:8px; color:#F6F2E8; font-size:40px; line-height:1.2; font-weight:500;'>{{milestones.1.text}}</div>"
        },
        {
          "type": "TEXT",
          "x": 260,
          "y": 760,
          "width": 1500,
          "anchor": "top-left",
          "track": 4,
          "enterBegin": 1,
          "enterEnd": 1.4,
          "enterAnimation": "smoothleft",
          "exitEnd": 5.2,
          "style": {
            "fontFamily": "Inter"
          },
          "html": "<div style='color:#C9A24B; font-size:22px; font-weight:700; letter-spacing:3px;'>{{milestones.2.tag}}</div><div style='margin-top:8px; color:#F6F2E8; font-size:40px; line-height:1.2; font-weight:500;'>{{milestones.2.text}}</div>"
        }
      ]
    },
    {
      "id": "outro",
      "duration": 4.8,
      "backgroundColor": "#0A0F1C",
      "visuals": [
        {
          "type": "SVG",
          "width": 1920,
          "height": 1080,
          "track": 0,
          "enterBegin": 0,
          "exitEnd": 4.8,
          "svg": "<svg width='1920' height='1080' viewBox='0 0 1920 1080' xmlns='http://www.w3.org/2000/svg'><defs><radialGradient id='ivEnd' cx='0.5' cy='0.42' r='0.85'><stop offset='0' stop-color='#171E33'/><stop offset='1' stop-color='#0A0F1C'/></radialGradient></defs><rect width='1920' height='1080' fill='url(#ivEnd)'/><path d='M820 380 H1100' stroke='#F5C451' stroke-width='4' stroke-linecap='round'/></svg>"
        },
        {
          "type": "TEXT",
          "x": 960,
          "y": 450,
          "width": 1300,
          "anchor": "top-center",
          "track": 1,
          "enterBegin": 0.3,
          "enterEnd": 0.8,
          "enterAnimation": "smoothup",
          "exitEnd": 4.8,
          "style": {
            "fontFamily": "Fraunces"
          },
          "html": "<div style='text-align:center; color:#F6F2E8; font-size:84px; line-height:1.05; font-weight:600; letter-spacing:-2px;'>{{closingTitle}}</div><div style='margin-top:28px; text-align:center; color:#A9B2C4; font-size:31px; line-height:1.4; font-weight:400; font-family:Inter;'>{{closingLine}}</div>"
        },
        {
          "type": "TEXT",
          "x": 960,
          "y": 850,
          "anchor": "top-center",
          "track": 2,
          "enterBegin": 0.9,
          "enterEnd": 1.3,
          "enterAnimation": "fade",
          "exitEnd": 4.8,
          "style": {
            "fontFamily": "Inter"
          },
          "html": "<div style='text-align:center; color:#5E6880; font-size:24px; font-weight:600; letter-spacing:5px;'>{{companyName}} · {{period}}</div>"
        }
      ]
    }
  ],
  "audios": [
    {
      "src": "{{musicUrl}}",
      "volume": 0.16,
      "track": 0
    }
  ]
}

More Data viz / reports templates

View all ↗

Ready to ship video at scale?

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