Sports News Recap

Full-time scoreboard reel; edit the matches array (teams, scores, league, note) to recap the night's results.

Type: Video
Format: Instagram Reel · 9:16
Orientation: Portrait
Duration: 14.55s
Scenes: 5
Render cost: $0.00364 / render

VariablesData-driven repeatvideo

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

Customize Sports News Recap

Sports News Recap 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, 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

FULL TIME

roundLineText

Matchday 32 · Results

introHeadlineText

Last night's scores, in order.

coverVideoMedia URL

18979105-hd_1080_1920_48fps.mp4

outroLineText

Catch every result.

handleText

@fulltime.daily

accentColorColor

#C6FF3A

matchesList · 3

leaguePREMIER LEAGUE

homeARSENAL

homeScore3

awayCHELSEA

awayScore1

noteSaka brace seals the London derby

leagueLA LIGA

homeMADRID

homeScore2

awayBARÇA

awayScore2

noteStoppage-time equaliser rescues El Clásico

leagueSERIE A

homeINTER

homeScore0

awayJUVE

awayScore1

noteLone strike settles the Derby d'Italia

musicUrlMedia URL

audio_56ae1dae5f.mp3

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-sports-recap",
  "resolution": "instagram-reel",
  "frameRate": 30,
  "backgroundColor": "#08110B",
  "outputFormat": "mp4",
  "variables": {
    "showName": "FULL TIME",
    "roundLine": "Matchday 32 · Results",
    "introHeadline": "Last night's scores, in order.",
    "coverVideo": "https://videos.pexels.com/video-files/18979105/18979105-hd_1080_1920_48fps.mp4",
    "outroLine": "Catch every result.",
    "handle": "@fulltime.daily",
    "accentColor": "#C6FF3A",
    "matches": [
      {
        "league": "PREMIER LEAGUE",
        "home": "ARSENAL",
        "homeScore": "3",
        "away": "CHELSEA",
        "awayScore": "1",
        "note": "Saka brace seals the London derby"
      },
      {
        "league": "LA LIGA",
        "home": "MADRID",
        "homeScore": "2",
        "away": "BARÇA",
        "awayScore": "2",
        "note": "Stoppage-time equaliser rescues El Clásico"
      },
      {
        "league": "SERIE A",
        "home": "INTER",
        "homeScore": "0",
        "away": "JUVE",
        "awayScore": "1",
        "note": "Lone strike settles the Derby d'Italia"
      }
    ],
    "musicUrl": "https://cdn.pixabay.com/audio/2025/03/19/audio_56ae1dae5f.mp3"
  },
  "scenes": [
    {
      "id": "cover",
      "duration": 3.2,
      "backgroundColor": "#08110B",
      "transition": "slideup",
      "transitionId": "match",
      "transitionDuration": 0.5,
      "visuals": [
        {
          "type": "VIDEO",
          "src": "{{coverVideo}}",
          "width": 1080,
          "height": 1920,
          "position": "center-center",
          "resize": "cover",
          "volume": 0,
          "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='sptShade' x1='0' y1='0' x2='0' y2='1'><stop offset='0' stop-color='#08110B' stop-opacity='0.75'/><stop offset='0.45' stop-color='#08110B' stop-opacity='0.35'/><stop offset='1' stop-color='#08110B' stop-opacity='0.96'/></linearGradient></defs><rect width='1080' height='1920' fill='url(#sptShade)'/><path d='M-40 1240 L1140 1160 L1140 1200 L-40 1280 Z' fill='#C6FF3A'/></svg>"
        },
        {
          "type": "TEXT",
          "x": 540,
          "y": 1360,
          "anchor": "top-center",
          "track": 2,
          "enterBegin": 0.15,
          "enterEnd": 0.55,
          "enterAnimation": "circleopen",
          "exitEnd": 3.2,
          "style": {
            "fontFamily": "Archivo"
          },
          "html": "<div style='text-align:center; color:#C6FF3A; font-size:34px; font-weight:900; letter-spacing:12px;'>{{showName}}</div><div style='margin-top:14px; text-align:center; color:rgba(255,255,255,0.7); font-size:28px; font-weight:700; letter-spacing:4px;'>{{roundLine}}</div>"
        },
        {
          "type": "TEXT",
          "x": 540,
          "y": 1540,
          "width": 940,
          "anchor": "top-center",
          "track": 3,
          "enterBegin": 0.5,
          "enterEnd": 0.95,
          "enterAnimation": "smoothup",
          "exitEnd": 3.2,
          "style": {
            "fontFamily": "Archivo"
          },
          "html": "<div style='text-align:center; color:#FFFFFF; font-size:70px; line-height:1.05; font-weight:900; letter-spacing:-2px;'>{{introHeadline}}</div>"
        }
      ]
    },
    {
      "id": "match",
      "iterate": "matches",
      "iterateAs": "g",
      "duration": 3.4,
      "backgroundColor": "#08110B",
      "transition": "slideup",
      "transitionId": "outro",
      "transitionDuration": 0.45,
      "visuals": [
        {
          "type": "SVG",
          "width": 1080,
          "height": 1920,
          "track": 0,
          "enterBegin": 0,
          "exitEnd": 3.4,
          "svg": "<svg width='1080' height='1920' viewBox='0 0 1080 1920' xmlns='http://www.w3.org/2000/svg'><defs><radialGradient id='sptBg' cx='0.5' cy='0.4' r='1'><stop offset='0' stop-color='#0E1F14'/><stop offset='1' stop-color='#08110B'/></radialGradient></defs><rect width='1080' height='1920' fill='url(#sptBg)'/><rect x='70' y='640' width='940' height='640' rx='36' fill='rgba(255,255,255,0.03)' stroke='rgba(198,255,58,0.4)' stroke-width='1.5'/><rect x='534' y='700' width='12' height='520' rx='6' fill='rgba(198,255,58,0.5)'/><rect x='70' y='640' width='940' height='12' rx='6' fill='#C6FF3A'/></svg>"
        },
        {
          "type": "TEXT",
          "x": 540,
          "y": 470,
          "anchor": "center-center",
          "track": 1,
          "enterBegin": 0.1,
          "enterEnd": 0.5,
          "enterAnimation": "fade",
          "exitEnd": 3.4,
          "style": {
            "fontFamily": "Archivo"
          },
          "html": "<span style='display:inline-block; background:#C6FF3A; color:#08110B; padding:12px 34px; font-size:28px; font-weight:900; letter-spacing:6px;'>{{g.league}}</span>"
        },
        {
          "type": "TEXT",
          "x": 305,
          "y": 780,
          "width": 420,
          "anchor": "top-center",
          "track": 3,
          "enterBegin": 0.3,
          "enterEnd": 0.7,
          "enterAnimation": "smoothright",
          "exitEnd": 3.4,
          "style": {
            "fontFamily": "Archivo"
          },
          "html": "<div style='text-align:center; color:#FFFFFF; font-size:52px; font-weight:900; letter-spacing:-1px;'>{{g.home}}</div><div style='margin-top:14px; text-align:center; color:#C6FF3A; font-size:170px; font-weight:900; line-height:1;'>{{g.homeScore}}</div>"
        },
        {
          "type": "TEXT",
          "x": 775,
          "y": 780,
          "width": 420,
          "anchor": "top-center",
          "track": 4,
          "enterBegin": 0.45,
          "enterEnd": 0.85,
          "enterAnimation": "smoothleft",
          "exitEnd": 3.4,
          "style": {
            "fontFamily": "Archivo"
          },
          "html": "<div style='text-align:center; color:#FFFFFF; font-size:52px; font-weight:900; letter-spacing:-1px;'>{{g.away}}</div><div style='margin-top:14px; text-align:center; color:#C6FF3A; font-size:170px; font-weight:900; line-height:1;'>{{g.awayScore}}</div>"
        },
        {
          "type": "TEXT",
          "x": 540,
          "y": 1360,
          "width": 860,
          "anchor": "top-center",
          "track": 5,
          "enterBegin": 0.75,
          "enterEnd": 1.15,
          "enterAnimation": "smoothup",
          "exitEnd": 3.4,
          "style": {
            "fontFamily": "Archivo"
          },
          "html": "<div style='text-align:center; color:#B7C3B0; font-size:34px; line-height:1.4; font-weight:600;'>{{g.note}}</div>"
        },
        {
          "type": "TEXT",
          "x": 540,
          "y": 1780,
          "anchor": "center-center",
          "track": 2,
          "enterBegin": 0,
          "exitEnd": 3.4,
          "style": {
            "fontFamily": "Archivo"
          },
          "html": "<div style='color:rgba(255,255,255,0.4); font-size:24px; font-weight:800; letter-spacing:5px;'>{{showName}} · {{roundLine}}</div>"
        }
      ]
    },
    {
      "id": "outro",
      "duration": 3,
      "backgroundColor": "#08110B",
      "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='sptEnd' cx='0.5' cy='0.4' r='0.9'><stop offset='0' stop-color='#12251A'/><stop offset='1' stop-color='#08110B'/></radialGradient></defs><rect width='1080' height='1920' fill='url(#sptEnd)'/><circle cx='540' cy='740' r='120' fill='none' stroke='#C6FF3A' stroke-width='3'/><path d='M540 660 L565 720 L628 720 L578 758 L598 820 L540 782 L482 820 L502 758 L452 720 L515 720 Z' fill='#C6FF3A'/></svg>"
        },
        {
          "type": "TEXT",
          "x": 540,
          "y": 960,
          "width": 900,
          "anchor": "top-center",
          "track": 1,
          "enterBegin": 0.25,
          "enterEnd": 0.7,
          "enterAnimation": "smoothup",
          "exitEnd": 3,
          "style": {
            "fontFamily": "Archivo"
          },
          "html": "<div style='text-align:center; color:#FFFFFF; font-size:82px; line-height:1.05; font-weight:900; letter-spacing:-2px;'>{{outroLine}}</div>"
        },
        {
          "type": "TEXT",
          "x": 540,
          "y": 1200,
          "anchor": "top-center",
          "track": 2,
          "enterBegin": 0.7,
          "enterEnd": 1.1,
          "enterAnimation": "circleopen",
          "exitEnd": 3,
          "style": {
            "fontFamily": "Archivo"
          },
          "html": "<div style='display:inline-block; background:{{accentColor}}; color:#08110B; border-radius:999px; padding:22px 56px; font-size:34px; font-weight:900;'>{{handle}}</div>"
        }
      ]
    }
  ],
  "audios": [
    {
      "src": "{{musicUrl}}",
      "volume": 0.18,
      "track": 0
    }
  ]
}

More News / media templates

Article Summary

Article Summary

News / media$0.00369

Breaking News Alert

Breaking News Alert

News / media$0.00222

Daily News Recap

Daily News Recap

News / media$0.00408

Explainer: Why It Matters

Explainer: Why It Matters

News / media$0.003

Local News Update

Local News Update

News / media$0.00213

Market News Update

Market News Update

News / media$0.00414

Tech News Brief

Tech News Brief

News / media$0.00349

News Timeline Video

News Timeline Video

News / media$0.00422

Top Stories Today

Top Stories Today

News / media$0.00424

Flash Sale Countdown

Flash Sale Countdown

E-commerce$0.00369

Ready to ship video at scale?

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

Explore the API ↗