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
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.
companyNameTextkickerTextperiodTextheadlineTextsubLineTextbadgeTextTextshowBadgeTogglemilestonesTitleTextclosingTitleTextclosingLineTextbgImageMedia URLmusicUrlMedia URLarrValueTextarrLabelTextarrDeltaTextgrowthValueTextgrowthLabelTextrunwayValueTextrunwayLabelTextmilestonesList · 3The exact JSON payload
This is the full render config — POST it to the API, or open it in the editor to tweak.
{
"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.









