Tech News Brief

Startup and product roundup; swap the updates array (company, kind, headline, metric) with an optional funding chip.

Type
Video
Format
Instagram Reel · 9:16
Orientation
Portrait
Duration
13.95s
Scenes
5
Render cost
$0.00349 / render
VariablesData-driven repeatConditional scenesvideo
Open in editor

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

Customize Tech News Brief

Tech News Brief is a ready-to-render News / media video design formatted for Instagram Reel · 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.

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

showNameText
THE STACK
editionLineText
Tech Brief · Wk 20
introHeadlineText
5 things that moved tech this week.
coverVideoMedia URL
outroLineText
Ship faster. Read The Stack.
handleText
@thestack.brief
accentColorColor
#38E1D6
updatesList · 3
companyNebula AI
kindFUNDING
headlineraises $120M Series B to scale its agent platform
detailValuation triples to $1.4B nine months after launch.
metric$120M raised
hasMetricon
companyOrbit
kindLAUNCH
headlineships real-time collaboration in its design suite
detailCursor-level presence lands for every plan tier today.
metricGA today
hasMetricon
companyCinder
kindACQUISITION
headlineacquires observability startup Fathom
detailThe team folds into Cinder's reliability group.
metricUndisclosed
hasMetricoff
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": "news-tech-brief",
  "resolution": "instagram-reel",
  "frameRate": 30,
  "backgroundColor": "#0B0A1F",
  "outputFormat": "mp4",
  "variables": {
    "showName": "THE STACK",
    "editionLine": "Tech Brief · Wk 20",
    "introHeadline": "5 things that moved tech this week.",
    "coverVideo": "https://videos.pexels.com/video-files/34576602/14651995_1080_1920_30fps.mp4",
    "outroLine": "Ship faster. Read The Stack.",
    "handle": "@thestack.brief",
    "accentColor": "#38E1D6",
    "updates": [
      {
        "company": "Nebula AI",
        "kind": "FUNDING",
        "headline": "raises $120M Series B to scale its agent platform",
        "detail": "Valuation triples to $1.4B nine months after launch.",
        "metric": "$120M raised",
        "hasMetric": true
      },
      {
        "company": "Orbit",
        "kind": "LAUNCH",
        "headline": "ships real-time collaboration in its design suite",
        "detail": "Cursor-level presence lands for every plan tier today.",
        "metric": "GA today",
        "hasMetric": true
      },
      {
        "company": "Cinder",
        "kind": "ACQUISITION",
        "headline": "acquires observability startup Fathom",
        "detail": "The team folds into Cinder's reliability group.",
        "metric": "Undisclosed",
        "hasMetric": false
      }
    ],
    "musicUrl": "https://cdn.pixabay.com/audio/2026/02/24/audio_3f375fdf97.mp3"
  },
  "scenes": [
    {
      "id": "cover",
      "duration": 3.2,
      "backgroundColor": "#0B0A1F",
      "transition": "smoothleft",
      "transitionId": "update",
      "transitionDuration": 0.5,
      "visuals": [
        {
          "type": "VIDEO",
          "src": "{{coverVideo}}",
          "width": 1080,
          "height": 1920,
          "position": "center-center",
          "resize": "cover",
          "volume": 0,
          "opacity": 0.7,
          "track": 0,
          "enterBegin": 0,
          "exitEnd": 3.2
        },
        {
          "type": "SVG",
          "width": 1080,
          "height": 1920,
          "track": 1,
          "enterBegin": 0,
          "exitEnd": 3.2,
          "svg": "<svg width='1080' height='1920' viewBox='0 0 1080 1920' xmlns='http://www.w3.org/2000/svg'><defs><linearGradient id='techShade' x1='0' y1='0' x2='0' y2='1'><stop offset='0' stop-color='#0B0A1F' stop-opacity='0.8'/><stop offset='0.5' stop-color='#0B0A1F' stop-opacity='0.5'/><stop offset='1' stop-color='#0B0A1F' stop-opacity='0.96'/></linearGradient></defs><rect width='1080' height='1920' fill='url(#techShade)'/><rect x='90' y='1120' width='160' height='8' rx='4' fill='#38E1D6'/></svg>"
        },
        {
          "type": "TEXT",
          "x": 90,
          "y": 980,
          "anchor": "top-left",
          "track": 2,
          "enterBegin": 0.15,
          "enterEnd": 0.55,
          "enterAnimation": "smoothright",
          "exitEnd": 3.2,
          "style": {
            "fontFamily": "Space Grotesk"
          },
          "html": "<div style='color:#38E1D6; font-size:30px; font-weight:700; letter-spacing:10px;'>{{showName}}</div><div style='margin-top:10px; color:rgba(255,255,255,0.6); font-size:26px; font-weight:600; letter-spacing:4px;'>{{editionLine}}</div>"
        },
        {
          "type": "TEXT",
          "x": 90,
          "y": 1180,
          "width": 900,
          "anchor": "top-left",
          "track": 3,
          "enterBegin": 0.45,
          "enterEnd": 0.95,
          "enterAnimation": "smoothup",
          "exitEnd": 3.2,
          "style": {
            "fontFamily": "Space Grotesk"
          },
          "html": "<div style='color:#FFFFFF; font-size:70px; line-height:1.08; font-weight:700; letter-spacing:-2px;'>{{introHeadline}}</div>"
        }
      ]
    },
    {
      "id": "update",
      "iterate": "updates",
      "iterateAs": "u",
      "duration": 3.2,
      "backgroundColor": "#0B0A1F",
      "transition": "smoothleft",
      "transitionId": "outro",
      "transitionDuration": 0.45,
      "visuals": [
        {
          "type": "SVG",
          "width": 1080,
          "height": 1920,
          "track": 0,
          "enterBegin": 0,
          "exitEnd": 3.2,
          "svg": "<svg width='1080' height='1920' viewBox='0 0 1080 1920' xmlns='http://www.w3.org/2000/svg'><defs><radialGradient id='techBg' cx='0.72' cy='0.28' r='1'><stop offset='0' stop-color='#181438'/><stop offset='1' stop-color='#0B0A1F'/></radialGradient></defs><rect width='1080' height='1920' fill='url(#techBg)'/><rect x='80' y='560' width='920' height='800' rx='40' fill='rgba(255,255,255,0.035)' stroke='rgba(56,225,214,0.35)' stroke-width='1.5'/><circle cx='170' cy='670' r='42' fill='none' stroke='#38E1D6' stroke-width='3'/><circle cx='170' cy='670' r='14' fill='#38E1D6'/></svg>"
        },
        {
          "type": "TEXT",
          "x": 250,
          "y": 640,
          "anchor": "top-left",
          "track": 2,
          "enterBegin": 0.15,
          "enterEnd": 0.55,
          "enterAnimation": "smoothright",
          "exitEnd": 3.2,
          "style": {
            "fontFamily": "Space Grotesk"
          },
          "html": "<div style='color:#FFFFFF; font-size:52px; font-weight:700; letter-spacing:-1px;'>{{u.company}}</div><div style='margin-top:6px; color:#38E1D6; font-size:26px; font-weight:700; letter-spacing:5px;'>{{u.kind}}</div>"
        },
        {
          "type": "TEXT",
          "x": 130,
          "y": 830,
          "width": 820,
          "anchor": "top-left",
          "track": 3,
          "enterBegin": 0.35,
          "enterEnd": 0.8,
          "enterAnimation": "smoothup",
          "exitEnd": 3.2,
          "style": {
            "fontFamily": "Space Grotesk"
          },
          "html": "<div style='color:#FFFFFF; font-size:56px; line-height:1.12; font-weight:700; letter-spacing:-1px;'>{{u.headline}}</div>"
        },
        {
          "type": "TEXT",
          "x": 130,
          "y": 1130,
          "width": 820,
          "anchor": "top-left",
          "track": 4,
          "enterBegin": 0.7,
          "enterEnd": 1.1,
          "enterAnimation": "fade",
          "exitEnd": 3.2,
          "style": {
            "fontFamily": "Space Grotesk"
          },
          "html": "<div style='color:#A6A2C4; font-size:32px; line-height:1.4; font-weight:500;'>{{u.detail}}</div>"
        },
        {
          "type": "TEXT",
          "condition": "{{u.hasMetric}}",
          "x": 130,
          "y": 1250,
          "anchor": "top-left",
          "track": 5,
          "enterBegin": 0.95,
          "enterEnd": 1.35,
          "enterAnimation": "smoothleft",
          "exitEnd": 3.2,
          "style": {
            "fontFamily": "Space Grotesk"
          },
          "html": "<span style='display:inline-block; background:rgba(56,225,214,0.14); border:2px solid rgba(56,225,214,0.6); color:#38E1D6; border-radius:999px; padding:14px 34px; font-size:34px; font-weight:800;'>{{u.metric}}</span>"
        },
        {
          "type": "TEXT",
          "x": 540,
          "y": 1780,
          "anchor": "center-center",
          "track": 1,
          "enterBegin": 0,
          "exitEnd": 3.2,
          "style": {
            "fontFamily": "Space Grotesk"
          },
          "html": "<div style='color:rgba(255,255,255,0.4); font-size:24px; font-weight:700; letter-spacing:5px;'>{{showName}} · {{editionLine}}</div>"
        }
      ]
    },
    {
      "id": "outro",
      "duration": 3,
      "backgroundColor": "#0B0A1F",
      "visuals": [
        {
          "type": "SVG",
          "width": 1080,
          "height": 1920,
          "track": 0,
          "enterBegin": 0,
          "exitEnd": 3,
          "svg": "<svg width='1080' height='1920' viewBox='0 0 1080 1920' xmlns='http://www.w3.org/2000/svg'><defs><radialGradient id='techEnd' cx='0.5' cy='0.4' r='0.9'><stop offset='0' stop-color='#1A1440'/><stop offset='1' stop-color='#0B0A1F'/></radialGradient></defs><rect width='1080' height='1920' fill='url(#techEnd)'/><path d='M470 700 L610 700 L520 800 L640 800 L440 980 L500 840 L400 840 Z' fill='#38E1D6'/></svg>"
        },
        {
          "type": "TEXT",
          "x": 540,
          "y": 1040,
          "width": 900,
          "anchor": "top-center",
          "track": 1,
          "enterBegin": 0.25,
          "enterEnd": 0.7,
          "enterAnimation": "smoothup",
          "exitEnd": 3,
          "style": {
            "fontFamily": "Space Grotesk"
          },
          "html": "<div style='text-align:center; color:#FFFFFF; font-size:66px; line-height:1.1; font-weight:700; letter-spacing:-1px;'>{{outroLine}}</div>"
        },
        {
          "type": "TEXT",
          "x": 540,
          "y": 1280,
          "anchor": "top-center",
          "track": 2,
          "enterBegin": 0.7,
          "enterEnd": 1.1,
          "enterAnimation": "circleopen",
          "exitEnd": 3,
          "style": {
            "fontFamily": "Space Grotesk"
          },
          "html": "<div style='display:inline-block; background:{{accentColor}}; color:#0B0A1F; border-radius:999px; padding:22px 54px; font-size:32px; font-weight:800;'>{{handle}}</div>"
        }
      ]
    }
  ],
  "audios": [
    {
      "src": "{{musicUrl}}",
      "volume": 0.15,
      "track": 0
    }
  ]
}

More News / media templates

View all ↗

Ready to ship video at scale?

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