Final Score Announcement

Huge full-time scoreline with acid-green accent and scorer breakdown. Swap teams, scores, scorers, aggregate (toggle).

Type
Video
Format
Instagram Reel · 9:16
Orientation
Portrait
Duration
12.15s
Scenes
3
Render cost
$0.00304 / render
VariablesConditional scenesvideo
Open in editor

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

Customize Final Score Announcement

Final Score Announcement is a ready-to-render Sports video design formatted for Instagram Reel · 9:16 with 3 scenes and support for variables, conditional scenes, video. Open it in the editor to replace its copy and media, then render variations through the Zvid API.

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

competitionText
CHAMPIONS LEAGUE · SEMI-FINAL
statusLabelText
FULL TIME
teamAText
REAL MADRID
scoreAText
3
teamBText
BAYERN
scoreBText
2
accentColorColor
#C6FF3A
scorersAText
Vinícius 22', Bellingham 61', Rodrygo 88'
scorersBText
Kane 40', Musiala 74'
resultLineText
Madrid march into the final.
showAggregateToggle
on
aggregateText
Aggregate 5–4
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": "sports-final-score",
  "resolution": "instagram-reel",
  "frameRate": 30,
  "backgroundColor": "#08090A",
  "outputFormat": "mp4",
  "variables": {
    "competition": "CHAMPIONS LEAGUE · SEMI-FINAL",
    "statusLabel": "FULL TIME",
    "teamA": "REAL MADRID",
    "scoreA": "3",
    "teamB": "BAYERN",
    "scoreB": "2",
    "accentColor": "#C6FF3A",
    "scorersA": "Vinícius 22', Bellingham 61', Rodrygo 88'",
    "scorersB": "Kane 40', Musiala 74'",
    "resultLine": "Madrid march into the final.",
    "showAggregate": true,
    "aggregate": "Aggregate 5–4",
    "bgVideo": "https://videos.pexels.com/video-files/31343045/13377234_1440_2560_60fps.mp4",
    "musicUrl": "https://cdn.pixabay.com/audio/2026/02/24/audio_3f375fdf97.mp3"
  },
  "scenes": [
    {
      "id": "whistle",
      "duration": 3.4,
      "backgroundColor": "#08090A",
      "transition": "fadeblack",
      "transitionId": "score",
      "transitionDuration": 0.5,
      "visuals": [
        {
          "type": "VIDEO",
          "src": "{{bgVideo}}",
          "width": 1080,
          "height": 1920,
          "position": "center-center",
          "resize": "cover",
          "volume": 0,
          "track": 0,
          "enterBegin": 0,
          "exitEnd": 3.4
        },
        {
          "type": "SVG",
          "width": 1080,
          "height": 1920,
          "track": 1,
          "enterBegin": 0,
          "exitEnd": 3.4,
          "svg": "<svg width='1080' height='1920' viewBox='0 0 1080 1920' xmlns='http://www.w3.org/2000/svg'><defs><linearGradient id='fsHook' x1='0' y1='0' x2='0' y2='1'><stop offset='0' stop-color='#08090A' stop-opacity='0.78'/><stop offset='0.5' stop-color='#08090A' stop-opacity='0.35'/><stop offset='1' stop-color='#08090A' stop-opacity='0.96'/></linearGradient></defs><rect width='1080' height='1920' fill='url(#fsHook)'/></svg>"
        },
        {
          "type": "TEXT",
          "x": 540,
          "y": 860,
          "anchor": "center-center",
          "track": 2,
          "enterBegin": 0.2,
          "enterEnd": 0.7,
          "enterAnimation": "circleopen",
          "exitEnd": 3.4,
          "style": {
            "fontFamily": "Archivo"
          },
          "html": "<div style='display:inline-block; background:{{accentColor}}; color:#08090A; border-radius:14px; padding:20px 48px; font-size:60px; font-weight:900; letter-spacing:4px;'>{{statusLabel}}</div>"
        },
        {
          "type": "TEXT",
          "x": 540,
          "y": 1030,
          "anchor": "top-center",
          "track": 3,
          "enterBegin": 0.5,
          "enterEnd": 0.95,
          "enterAnimation": "fade",
          "exitEnd": 3.4,
          "style": {
            "fontFamily": "Archivo"
          },
          "html": "<div style='text-align:center; color:#FFFFFF; font-size:28px; font-weight:800; letter-spacing:6px;'>{{competition}}</div>"
        }
      ]
    },
    {
      "id": "score",
      "duration": 5.4,
      "backgroundColor": "#08090A",
      "transition": "smoothup",
      "transitionId": "detail",
      "transitionDuration": 0.55,
      "visuals": [
        {
          "type": "SVG",
          "width": 1080,
          "height": 1920,
          "track": 0,
          "enterBegin": 0,
          "exitEnd": 5.4,
          "svg": "<svg width='1080' height='1920' viewBox='0 0 1080 1920' xmlns='http://www.w3.org/2000/svg'><defs><radialGradient id='fsGlow' cx='0.5' cy='0.4' r='0.95'><stop offset='0' stop-color='#141607'/><stop offset='0.6' stop-color='#0C0D0A'/><stop offset='1' stop-color='#08090A'/></radialGradient></defs><rect width='1080' height='1920' fill='url(#fsGlow)'/><rect x='60' y='560' width='960' height='800' rx='40' fill='rgba(255,255,255,0.03)' stroke='rgba(198,255,58,0.35)' stroke-width='1.5'/><path d='M540 600 V1320' stroke='rgba(255,255,255,0.14)' stroke-width='2'/><rect x='60' y='560' width='960' height='10' rx='5' fill='#C6FF3A'/></svg>"
        },
        {
          "type": "TEXT",
          "x": 540,
          "y": 200,
          "anchor": "top-center",
          "track": 1,
          "enterBegin": 0.15,
          "enterEnd": 0.6,
          "enterAnimation": "fade",
          "exitEnd": 5.4,
          "style": {
            "fontFamily": "Archivo"
          },
          "html": "<div style='display:inline-block; border:1.5px solid rgba(198,255,58,0.6); color:{{accentColor}}; border-radius:999px; padding:12px 30px; font-size:24px; font-weight:900; letter-spacing:5px;'>{{statusLabel}}</div>"
        },
        {
          "type": "TEXT",
          "x": 300,
          "y": 640,
          "anchor": "top-center",
          "track": 2,
          "enterBegin": 0.35,
          "enterEnd": 0.85,
          "enterAnimation": "smoothright",
          "exitEnd": 5.4,
          "style": {
            "fontFamily": "Archivo"
          },
          "html": "<div style='text-align:center; color:#9AA0A6; font-size:34px; font-weight:900; letter-spacing:2px; line-height:1.15;'>{{teamA}}</div><div style='margin-top:26px; text-align:center; color:#FFFFFF; font-size:340px; line-height:0.8; font-weight:900;'>{{scoreA}}</div>"
        },
        {
          "type": "TEXT",
          "x": 780,
          "y": 640,
          "anchor": "top-center",
          "track": 3,
          "enterBegin": 0.55,
          "enterEnd": 1.05,
          "enterAnimation": "smoothleft",
          "exitEnd": 5.4,
          "style": {
            "fontFamily": "Archivo"
          },
          "html": "<div style='text-align:center; color:#9AA0A6; font-size:34px; font-weight:900; letter-spacing:2px; line-height:1.15;'>{{teamB}}</div><div style='margin-top:26px; text-align:center; color:{{accentColor}}; font-size:340px; line-height:0.8; font-weight:900;'>{{scoreB}}</div>"
        },
        {
          "type": "TEXT",
          "condition": "{{showAggregate}}",
          "x": 540,
          "y": 1250,
          "anchor": "top-center",
          "track": 5,
          "enterBegin": 0.9,
          "enterEnd": 1.35,
          "enterAnimation": "smoothup",
          "exitEnd": 5.4,
          "style": {
            "fontFamily": "Space Grotesk"
          },
          "html": "<div style='display:inline-block; background:rgba(198,255,58,0.12); color:{{accentColor}}; border-radius:999px; padding:14px 38px; font-size:32px; font-weight:700; letter-spacing:2px;'>{{aggregate}}</div>"
        },
        {
          "type": "TEXT",
          "x": 540,
          "y": 1470,
          "width": 900,
          "anchor": "top-center",
          "track": 4,
          "enterBegin": 1.1,
          "enterEnd": 1.55,
          "enterAnimation": "smoothup",
          "exitEnd": 5.4,
          "style": {
            "fontFamily": "Archivo"
          },
          "html": "<div style='text-align:center; color:#FFFFFF; font-size:58px; line-height:1.1; font-weight:900; letter-spacing:-1px;'>{{resultLine}}</div>"
        }
      ]
    },
    {
      "id": "detail",
      "duration": 4.4,
      "backgroundColor": "#08090A",
      "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'><rect width='1080' height='1920' fill='#08090A'/><rect x='90' y='620' width='900' height='4' fill='rgba(198,255,58,0.5)'/><rect x='90' y='1080' width='900' height='4' fill='rgba(198,255,58,0.5)'/></svg>"
        },
        {
          "type": "TEXT",
          "x": 90,
          "y": 480,
          "width": 900,
          "anchor": "top-left",
          "track": 1,
          "enterBegin": 0.25,
          "enterEnd": 0.7,
          "enterAnimation": "smoothup",
          "exitEnd": 4.4,
          "style": {
            "fontFamily": "Space Grotesk"
          },
          "html": "<div style='color:{{accentColor}}; font-size:26px; font-weight:700; letter-spacing:5px;'>{{teamA}} · SCORERS</div><div style='margin-top:18px; color:#FFFFFF; font-size:44px; line-height:1.35; font-weight:600;'>{{scorersA}}</div>"
        },
        {
          "type": "TEXT",
          "x": 90,
          "y": 1140,
          "width": 900,
          "anchor": "top-left",
          "track": 2,
          "enterBegin": 0.6,
          "enterEnd": 1.05,
          "enterAnimation": "smoothup",
          "exitEnd": 4.4,
          "style": {
            "fontFamily": "Space Grotesk"
          },
          "html": "<div style='color:#9AA0A6; font-size:26px; font-weight:700; letter-spacing:5px;'>{{teamB}} · SCORERS</div><div style='margin-top:18px; color:#C6CEDE; font-size:44px; line-height:1.35; font-weight:600;'>{{scorersB}}</div>"
        }
      ]
    }
  ],
  "audios": [
    {
      "src": "{{musicUrl}}",
      "volume": 0.16,
      "track": 0
    }
  ]
}

More Sports templates

View all ↗

Ready to ship video at scale?

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