{
"timeline": {
"background": "#FFFFFF",
"tracks": [
{
"clips": [
{
"asset": {
"type": "text",
"text": " {{FOOTER}}",
"alignment": {
"horizontal": "center",
"vertical": "center"
},
"font": {
"color": "{{ TEXT_FONT_COLOR }}",
"family": "Arapey",
"size": "36",
"lineHeight": 1
},
"width": 1500,
"height": 200
},
"start": 0.4,
"length": 4.6,
"offset": {
"x": 0,
"y": -0.361
},
"position": "center",
"transition": {
"out": "slideDown",
"in": "slideUp"
}
}
]
},
{
"clips": [
{
"asset": {
"type": "text",
"text": "{{HEADER}}",
"alignment": {
"horizontal": "center",
"vertical": "center"
},
"font": {
"color": "{{ TEXT_FONT_COLOR }}",
"family": "Arapey",
"size": "36",
"lineHeight": 1
},
"width": 1920,
"height": 200
},
"start": 0.2,
"length": 4.8,
"offset": {
"x": 0,
"y": 0.377
},
"position": "center",
"transition": {
"in": "slideUp",
"out": "slideDown"
}
}
]
},
{
"clips": [
{
"length": 5,
"asset": {
"type": "image",
"src": "https://templates.shotstack.io/sports-event-promotion-template/a0bbfaab-46af-4911-b3a7-97f33378b993/source.png"
},
"start": 0,
"scale": 0.25,
"transition": {
"in": "zoom",
"out": "fade"
},
"fit": "crop"
}
]
},
{
"clips": [
{
"asset": {
"type": "text",
"text": "{{MATCH_TYPE}}",
"alignment": {
"horizontal": "center",
"vertical": "center"
},
"font": {
"color": "{{ TEXT_FONT_COLOR }}",
"family": "Arapey",
"size": "300",
"lineHeight": 0.9
},
"width": 1200,
"height": 700
},
"start": 0,
"length": 5,
"opacity": 0.28,
"transition": {
"in": "fade",
"out": "fade"
},
"position": "center"
}
]
},
{
"clips": [
{
"asset": {
"type": "text",
"text": "VS",
"alignment": {
"horizontal": "center",
"vertical": "center"
},
"font": {
"color": "{{ VS_TEXT_FONT_COLOR }}",
"family": "Arapey",
"size": "41",
"lineHeight": 1
},
"width": 800,
"height": 200
},
"start": 7.5,
"length": "end",
"offset": {
"x": [
{
"start": 0,
"length": 0.01,
"from": 0,
"to": 0,
"interpolation": "linear",
"easing": "linear"
},
{
"start": 0.01,
"length": 0.4,
"from": 0,
"to": 0,
"interpolation": "linear"
},
{
"start": 0.41,
"length": 5.38,
"from": 0,
"to": 0,
"interpolation": "linear"
},
{
"start": 5.79,
"length": 0.38,
"from": 0,
"to": 0,
"interpolation": "linear"
}
],
"y": [
{
"start": 0,
"length": 0.01,
"from": 0,
"to": 0.047,
"interpolation": "linear",
"easing": "linear"
},
{
"start": 0.01,
"length": 0.4,
"from": 0.047,
"to": 0.067,
"interpolation": "linear"
},
{
"start": 0.41,
"length": 5.38,
"from": 0.067,
"to": 0.067,
"interpolation": "linear"
},
{
"start": 5.79,
"length": 0.38,
"from": 0.067,
"to": 0.047,
"interpolation": "linear"
}
]
},
"position": "center",
"opacity": [
{
"start": 0,
"length": 0.01,
"from": 0,
"to": 0,
"interpolation": "linear",
"easing": "linear"
},
{
"start": 0.01,
"length": 0.4,
"from": 0,
"to": 1,
"interpolation": "linear"
},
{
"start": 0.41,
"length": 5.38,
"from": 1,
"to": 1,
"interpolation": "linear"
},
{
"start": 5.79,
"length": 0.38,
"from": 1,
"to": 0,
"interpolation": "linear"
}
],
"scale": [
{
"start": 0,
"length": 0.01,
"from": 1,
"to": 1,
"interpolation": "linear",
"easing": "linear"
},
{
"start": 0.01,
"length": 0.4,
"from": 1,
"to": 1,
"interpolation": "linear"
},
{
"start": 0.41,
"length": 5.38,
"from": 1,
"to": 1,
"interpolation": "linear"
},
{
"start": 5.79,
"length": 0.38,
"from": 1,
"to": 1,
"interpolation": "linear"
}
],
"transform": {
"rotate": {
"angle": [
{
"start": 0,
"length": 0.01,
"from": 0,
"to": 0,
"interpolation": "linear",
"easing": "linear"
},
{
"start": 0.01,
"length": 0.4,
"from": 0,
"to": 0,
"interpolation": "linear"
},
{
"start": 0.41,
"length": 5.38,
"from": 0,
"to": 0,
"interpolation": "linear"
},
{
"start": 5.79,
"length": 0.38,
"from": 0,
"to": 0,
"interpolation": "linear"
}
]
}
}
}
]
},
{
"clips": [
{
"length": "end",
"asset": {
"type": "image",
"src": "https://templates.shotstack.io/sports-event-promotion-template/214522c9-1626-42aa-af1d-fb5cdeab63ca/source.png"
},
"start": 7.5,
"scale": [
{
"start": 0,
"length": 0.24,
"from": 0.25,
"to": 0.25,
"interpolation": "linear",
"easing": "linear"
},
{
"start": 0.24,
"length": 0.43,
"from": 0.25,
"to": 0.25,
"interpolation": "linear"
},
{
"start": 0.67,
"length": 5.12,
"from": 0.25,
"to": 0.25,
"interpolation": "linear"
},
{
"start": 5.79,
"length": 0.38,
"from": 0.25,
"to": 0.25,
"interpolation": "linear"
}
],
"offset": {
"x": [
{
"start": 0,
"length": 0.24,
"from": 0.125,
"to": 0.125,
"interpolation": "linear",
"easing": "linear"
},
{
"start": 0.24,
"length": 0.43,
"from": 0.125,
"to": 0.125,
"interpolation": "linear"
},
{
"start": 0.67,
"length": 5.12,
"from": 0.125,
"to": 0.125,
"interpolation": "linear"
},
{
"start": 5.79,
"length": 0.38,
"from": 0.125,
"to": 0.125,
"interpolation": "linear"
}
],
"y": [
{
"start": 0,
"length": 0.24,
"from": 0.047,
"to": 0.047,
"interpolation": "linear",
"easing": "linear"
},
{
"start": 0.24,
"length": 0.43,
"from": 0.047,
"to": 0.067,
"interpolation": "linear"
},
{
"start": 0.67,
"length": 5.12,
"from": 0.067,
"to": 0.067,
"interpolation": "linear"
},
{
"start": 5.79,
"length": 0.38,
"from": 0.067,
"to": 0.047,
"interpolation": "linear"
}
]
},
"position": "center",
"opacity": [
{
"start": 0,
"length": 0.24,
"from": 0,
"to": 0,
"interpolation": "linear",
"easing": "linear"
},
{
"start": 0.24,
"length": 0.43,
"from": 0,
"to": 1,
"interpolation": "linear"
},
{
"start": 0.67,
"length": 5.12,
"from": 1,
"to": 1,
"interpolation": "linear"
},
{
"start": 5.79,
"length": 0.38,
"from": 1,
"to": 0,
"interpolation": "linear"
}
],
"transform": {
"rotate": {
"angle": [
{
"start": 0,
"length": 0.24,
"from": 0,
"to": 0,
"interpolation": "linear",
"easing": "linear"
},
{
"start": 0.24,
"length": 0.43,
"from": 0,
"to": 0,
"interpolation": "linear"
},
{
"start": 0.67,
"length": 5.12,
"from": 0,
"to": 0,
"interpolation": "linear"
},
{
"start": 5.79,
"length": 0.38,
"from": 0,
"to": 0,
"interpolation": "linear"
}
]
}
},
"fit": "crop"
}
]
},
{
"clips": [
{
"length": "end",
"asset": {
"type": "image",
"src": "https://templates.shotstack.io/sports-event-promotion-template/b26b628f-1939-466c-942d-a7cc846bb55c/source.png"
},
"start": 7.5,
"scale": [
{
"start": 0,
"length": 0.24,
"from": 0.25,
"to": 0.25,
"interpolation": "linear",
"easing": "linear"
},
{
"start": 0.24,
"length": 0.43,
"from": 0.25,
"to": 0.25,
"interpolation": "linear"
},
{
"start": 0.67,
"length": 5.12,
"from": 0.25,
"to": 0.25,
"interpolation": "linear"
},
{
"start": 5.79,
"length": 0.38,
"from": 0.25,
"to": 0.25,
"interpolation": "linear"
}
],
"offset": {
"x": [
{
"start": 0,
"length": 0.24,
"from": -0.118,
"to": -0.118,
"interpolation": "linear",
"easing": "linear"
},
{
"start": 0.24,
"length": 0.43,
"from": -0.118,
"to": -0.118,
"interpolation": "linear"
},
{
"start": 0.67,
"length": 5.12,
"from": -0.118,
"to": -0.118,
"interpolation": "linear"
},
{
"start": 5.79,
"length": 0.38,
"from": -0.118,
"to": -0.118,
"interpolation": "linear"
}
],
"y": [
{
"start": 0,
"length": 0.24,
"from": 0.049,
"to": 0.049,
"interpolation": "linear",
"easing": "linear"
},
{
"start": 0.24,
"length": 0.43,
"from": 0.049,
"to": 0.079,
"interpolation": "linear"
},
{
"start": 0.67,
"length": 5.12,
"from": 0.079,
"to": 0.079,
"interpolation": "linear"
},
{
"start": 5.79,
"length": 0.38,
"from": 0.079,
"to": 0.049,
"interpolation": "linear"
}
]
},
"position": "center",
"opacity": [
{
"start": 0,
"length": 0.24,
"from": 0,
"to": 0,
"interpolation": "linear",
"easing": "linear"
},
{
"start": 0.24,
"length": 0.43,
"from": 0,
"to": 1,
"interpolation": "linear"
},
{
"start": 0.67,
"length": 5.12,
"from": 1,
"to": 1,
"interpolation": "linear"
},
{
"start": 5.79,
"length": 0.38,
"from": 1,
"to": 0,
"interpolation": "linear"
}
],
"transform": {
"rotate": {
"angle": [
{
"start": 0,
"length": 0.24,
"from": 0,
"to": 0,
"interpolation": "linear",
"easing": "linear"
},
{
"start": 0.24,
"length": 0.43,
"from": 0,
"to": 0,
"interpolation": "linear"
},
{
"start": 0.67,
"length": 5.12,
"from": 0,
"to": 0,
"interpolation": "linear"
},
{
"start": 5.79,
"length": 0.38,
"from": 0,
"to": 0,
"interpolation": "linear"
}
]
}
},
"fit": "crop"
}
]
},
{
"clips": [
{
"asset": {
"type": "text",
"text": " {{TIME}}",
"alignment": {
"horizontal": "center",
"vertical": "center"
},
"font": {
"color": "{{ TEXT_FONT_COLOR_2 }}",
"family": "Montserrat SemiBold",
"size": "36",
"lineHeight": 1
},
"width": 300,
"height": 75,
"background": {
"color": "{{ TIME_COLOR }}",
"borderRadius": 19
}
},
"start": 8,
"length": 7,
"offset": {
"y": [
{
"start": 0,
"length": 0.16,
"from": -0.104,
"to": -0.147,
"interpolation": "linear",
"easing": "linear"
},
{
"start": 0.16,
"length": 0.35,
"from": -0.147,
"to": -0.147,
"interpolation": "linear"
},
{
"start": 0.51,
"length": 4.3,
"from": -0.147,
"to": -0.147,
"interpolation": "linear"
},
{
"start": 4.81,
"length": 0.49,
"from": -0.147,
"to": -0.147,
"interpolation": "linear"
}
],
"x": [
{
"start": 0,
"length": 0.16,
"from": 0.147,
"to": 0.147,
"interpolation": "linear",
"easing": "linear"
},
{
"start": 0.16,
"length": 0.35,
"from": 0.147,
"to": 0.092,
"interpolation": "linear"
},
{
"start": 0.51,
"length": 4.3,
"from": 0.092,
"to": 0.092,
"interpolation": "linear"
},
{
"start": 4.81,
"length": 0.49,
"from": 0.092,
"to": 0.147,
"interpolation": "linear"
}
]
},
"position": "center",
"opacity": [
{
"start": 0,
"length": 0.16,
"from": 0,
"to": 0,
"interpolation": "linear",
"easing": "linear"
},
{
"start": 0.16,
"length": 0.35,
"from": 0,
"to": 1,
"interpolation": "linear"
},
{
"start": 0.51,
"length": 4.3,
"from": 1,
"to": 1,
"interpolation": "linear"
},
{
"start": 4.81,
"length": 0.49,
"from": 1,
"to": 0,
"interpolation": "linear"
}
],
"scale": [
{
"start": 0,
"length": 0.16,
"from": 1,
"to": 1,
"interpolation": "linear",
"easing": "linear"
},
{
"start": 0.16,
"length": 0.35,
"from": 1,
"to": 1,
"interpolation": "linear"
},
{
"start": 0.51,
"length": 4.3,
"from": 1,
"to": 1,
"interpolation": "linear"
},
{
"start": 4.81,
"length": 0.49,
"from": 1,
"to": 1,
"interpolation": "linear"
}
],
"transform": {
"rotate": {
"angle": [
{
"start": 0,
"length": 0.16,
"from": 0,
"to": 0,
"interpolation": "linear",
"easing": "linear"
},
{
"start": 0.16,
"length": 0.35,
"from": 0,
"to": 0,
"interpolation": "linear"
},
{
"start": 0.51,
"length": 4.3,
"from": 0,
"to": 0,
"interpolation": "linear"
},
{
"start": 4.81,
"length": 0.49,
"from": 0,
"to": 0,
"interpolation": "linear"
}
]
}
}
}
]
},
{
"clips": [
{
"asset": {
"type": "text",
"text": " {{DATE}}",
"alignment": {
"horizontal": "center",
"vertical": "center"
},
"font": {
"color": "{{ TEXT_FONT_COLOR_2 }}",
"family": "Montserrat SemiBold",
"size": "36",
"lineHeight": 1
},
"width": 300,
"height": 75,
"background": {
"color": "{{ DATE_COLOR }}",
"borderRadius": 19
}
},
"start": 8,
"length": 7,
"offset": {
"x": [
{
"start": 0,
"length": 0.04,
"from": 0.017,
"to": 0.017,
"interpolation": "linear",
"easing": "linear"
},
{
"start": 0.04,
"length": 0.45,
"from": 0.017,
"to": -0.088,
"interpolation": "linear"
},
{
"start": 0.49,
"length": 4.62,
"from": -0.088,
"to": -0.088,
"interpolation": "linear"
},
{
"start": 5.11,
"length": 0.48,
"from": -0.088,
"to": 0.017,
"interpolation": "linear"
}
],
"y": [
{
"start": 0,
"length": 0.04,
"from": -0.147,
"to": -0.147,
"interpolation": "linear",
"easing": "linear"
},
{
"start": 0.04,
"length": 0.45,
"from": -0.147,
"to": -0.147,
"interpolation": "linear"
},
{
"start": 0.49,
"length": 4.62,
"from": -0.147,
"to": -0.147,
"interpolation": "linear"
},
{
"start": 5.11,
"length": 0.48,
"from": -0.147,
"to": -0.147,
"interpolation": "linear"
}
]
},
"position": "center",
"opacity": [
{
"start": 0,
"length": 0.04,
"from": 0,
"to": 0,
"interpolation": "linear",
"easing": "linear"
},
{
"start": 0.04,
"length": 0.45,
"from": 0,
"to": 1,
"interpolation": "linear"
},
{
"start": 0.49,
"length": 4.62,
"from": 1,
"to": 1,
"interpolation": "linear"
},
{
"start": 5.11,
"length": 0.48,
"from": 1,
"to": 0,
"interpolation": "linear"
}
],
"scale": [
{
"start": 0,
"length": 0.04,
"from": 1,
"to": 1,
"interpolation": "linear",
"easing": "linear"
},
{
"start": 0.04,
"length": 0.45,
"from": 1,
"to": 1,
"interpolation": "linear"
},
{
"start": 0.49,
"length": 4.62,
"from": 1,
"to": 1,
"interpolation": "linear"
},
{
"start": 5.11,
"length": 0.48,
"from": 1,
"to": 1,
"interpolation": "linear"
}
],
"transform": {
"rotate": {
"angle": [
{
"start": 0,
"length": 0.04,
"from": 0,
"to": 0,
"interpolation": "linear",
"easing": "linear"
},
{
"start": 0.04,
"length": 0.45,
"from": 0,
"to": 0,
"interpolation": "linear"
},
{
"start": 0.49,
"length": 4.62,
"from": 0,
"to": 0,
"interpolation": "linear"
},
{
"start": 5.11,
"length": 0.48,
"from": 0,
"to": 0,
"interpolation": "linear"
}
]
}
}
}
]
},
{
"clips": [
{
"asset": {
"type": "text",
"text": "",
"alignment": {
"horizontal": "center",
"vertical": "center"
},
"font": {
"color": "#000000",
"family": "Montserrat ExtraBold",
"size": 72,
"lineHeight": 1
},
"width": 1920,
"height": 1920,
"background": {
"color": "{{ STAR_COLOR }}"
}
},
"start": 5,
"length": 10,
"position": "center"
},
{
"asset": {
"type": "luma",
"src": "https://templates.shotstack.io/sports-event-promotion-template/93cdb36d-859e-4ded-8aa9-3c6773f5c33b/source.mp4"
},
"start": 5,
"length": 10
}
]
},
{
"clips": [
{
"asset": {
"type": "text",
"text": "",
"alignment": {
"horizontal": "center",
"vertical": "center"
},
"font": {
"color": "#000000",
"family": "Montserrat ExtraBold",
"size": 72,
"lineHeight": 1
},
"width": 1920,
"height": 1920,
"background": {
"color": "{{ STAR_BACKGROUND_COLOR }}"
}
},
"start": 5,
"length": 10
},
{
"asset": {
"type": "luma",
"src": "https://templates.shotstack.io/sports-event-promotion-template/ebd54dfc-7330-48f8-8afb-62842c9288d7/source.mp4"
},
"start": 5,
"length": 10
}
]
},
{
"clips": [
{
"asset": {
"type": "text",
"text": "",
"alignment": {
"horizontal": "center",
"vertical": "center"
},
"font": {
"color": "#000000",
"family": "Montserrat ExtraBold",
"size": 72,
"lineHeight": 1
},
"width": 1920,
"height": 1920,
"background": {
"color": "{{ BAR_BACKGROUND_COLOR }}"
}
},
"start": 5,
"length": 10
},
{
"asset": {
"type": "luma",
"src": "https://templates.shotstack.io/sports-event-promotion-template/990bd2c6-dd22-407a-88ff-b09c362591ba/source.mp4"
},
"start": 5,
"length": 10
}
]
},
{
"clips": [
{
"asset": {
"type": "text",
"text": "",
"alignment": {
"horizontal": "center",
"vertical": "center"
},
"font": {
"color": "#000000",
"family": "Montserrat ExtraBold",
"size": 72,
"lineHeight": 1
},
"width": 1920,
"height": 1080,
"background": {
"color": "{{ GRADIENT_BACKGROUND_COLOR }}"
}
},
"start": 0,
"length": 5,
"transition": {
"out": "fade",
"in": "fade"
},
"position": "center"
},
{
"asset": {
"type": "luma",
"src": "https://templates.shotstack.io/sports-event-promotion-template/9120870d-1cfa-457a-ae29-55e135d58317/source.png"
},
"start": 0,
"length": 5
}
]
},
{
"clips": [
{
"asset": {
"type": "text",
"text": "",
"alignment": {
"horizontal": "center",
"vertical": "center"
},
"font": {
"color": "#000000",
"family": "Montserrat ExtraBold",
"size": 72,
"lineHeight": 1
},
"width": 1920,
"height": 1080,
"background": {
"color": "{{ FIRST_BACKGROUND_COLOR_2 }}"
}
},
"start": 0,
"length": 5,
"transition": {
"in": "fade",
"out": "fade"
}
}
]
},
{
"clips": [
{
"asset": {
"type": "text",
"text": "",
"alignment": {
"horizontal": "center",
"vertical": "center"
},
"font": {
"color": "#000000",
"family": "Montserrat ExtraBold",
"size": 72,
"lineHeight": 1
},
"width": 1920,
"height": 1920,
"background": {
"color": "{{ BOARD_BACKGROUND_COLOR }}"
}
},
"start": 5,
"length": 10
},
{
"asset": {
"type": "luma",
"src": "https://templates.shotstack.io/sports-event-promotion-template/c9cad73f-1dc0-4370-bdf8-f4552f67b41b/source.mp4"
},
"start": 5,
"length": 10
}
]
},
{
"clips": [
{
"length": "end",
"asset": {
"type": "image",
"src": "https://templates.shotstack.io/sports-event-promotion-template/33c30140-edaa-443c-9f69-23fceed7ce1f/source.jpg"
},
"start": 4.5,
"transition": {
"in": "fade"
}
}
]
}
]
},
"output": {
"format": "mp4",
"fps": 25,
"size": {
"width": 1920,
"height": 1080
}
},
"merge": [
{
"find": "HEADER",
"replace": "SAKSIKANLAH PERTANDIGAN PERSAHABATAN"
},
{
"find": "FOOTER",
"replace": "PERTANDIGAN PERSAHABATAN"
},
{
"find": "MATCH_TYPE",
"replace": "FRIENDLY MATCH"
},
{
"find": "LOGO_IMAGE_SRC",
"replace": "https://templates.shotstack.io/sports-event-promotion-template/60f6e9b5-266b-4d0e-8992-e4022a7040c2/shotstack-proxy.webp"
},
{
"find": "GRADIENT_BACKGROUND_COLOR",
"replace": "#ff0000"
},
{
"find": "FIRST_BACKGROUND_COLOR_2",
"replace": "#154956"
},
{
"find": "IMAGE_SRC",
"replace": "https://templates.shotstack.io/sports-event-promotion-template/9a528451-04b5-4519-9cf0-5ac42975a4fb/shotstack-proxy.webp"
},
{
"find": "BOARD_BACKGROUND_COLOR",
"replace": "#ffffff"
},
{
"find": "BAR_BACKGROUND_COLOR",
"replace": "#187ba5"
},
{
"find": "STAR_BACKGROUND_COLOR",
"replace": "#187ba5"
},
{
"find": "STAR_COLOR",
"replace": "#193c06"
},
{
"find": "LOGO_IMAGE_SRC_1",
"replace": "https://templates.shotstack.io/sports-event-promotion-template/a535ae1c-9ff4-4e7e-9507-d0f08f46f702/shotstack-proxy.webp"
},
{
"find": "LOGO_IMAGE_SRC_2",
"replace": "https://templates.shotstack.io/sports-event-promotion-template/b21dfcb4-4d9a-4d46-be05-0ec56ccfe414/shotstack-proxy.webp"
},
{
"find": "VS_TEXT_FONT_COLOR",
"replace": "#000000"
},
{
"find": "TIME",
"replace": "17:00PM"
},
{
"find": "DATE",
"replace": "FEB 20, 2024"
},
{
"find": "TEXT_FONT_COLOR",
"replace": "#ffffff"
},
{
"find": "TEXT_FONT_COLOR_2",
"replace": "#ffffff"
},
{
"find": "DATE_COLOR",
"replace": "#7011d0"
},
{
"find": "TIME_COLOR",
"replace": "#ff0000"
}
]
}This sports event promotion template is perfect for showcasing upcoming matches, tournaments, or sports events. Featuring a bold design with space for event details such as the teams, date, time, and venue, this template ensures that all essential information is clear and easy to read. The customizable format allows you to adapt the template for any sport, including soccer, basketball, and more. Perfect for social media, flyers, websites, and email promotions, this template will help you engage fans and get them excited about the event.
No account needed until you render.
Render with your AI assistant
Add the Shotstack MCP server to your editor, then paste the prompt
| Output | MP4 |
|---|---|
| Size | 1920 × 1080 (16:9) |
| Length | 15s |
| Frame rate | 25 fps |
| Tracks / clips | 16 / 21 |
| Assets used | 4 image, 5 luma, 12 text |
| Soundtrack | no |
| Merge fields | 20 |
Send a merge array with your values for these fields:
| Field | Default value |
|---|---|
{{ HEADER }} | SAKSIKANLAH PERTANDIGAN PERSAHABATAN |
{{ FOOTER }} | PERTANDIGAN PERSAHABATAN |
{{ MATCH_TYPE }} | FRIENDLY MATCH |
{{ LOGO_IMAGE_SRC }} | https://templates.shotstack.io/sports-event-promotion-template/60f6e9b5-266b-4d0e-8992-e4022a7040c2/shotstack-proxy.webp |
{{ GRADIENT_BACKGROUND_COLOR }} | #ff0000 |
{{ FIRST_BACKGROUND_COLOR_2 }} | #154956 |
{{ IMAGE_SRC }} | https://templates.shotstack.io/sports-event-promotion-template/9a528451-04b5-4519-9cf0-5ac42975a4fb/shotstack-proxy.webp |
{{ BOARD_BACKGROUND_COLOR }} | #ffffff |
{{ BAR_BACKGROUND_COLOR }} | #187ba5 |
{{ STAR_BACKGROUND_COLOR }} | #187ba5 |
{{ STAR_COLOR }} | #193c06 |
{{ LOGO_IMAGE_SRC_1 }} | https://templates.shotstack.io/sports-event-promotion-template/a535ae1c-9ff4-4e7e-9507-d0f08f46f702/shotstack-proxy.webp |
{{ LOGO_IMAGE_SRC_2 }} | https://templates.shotstack.io/sports-event-promotion-template/b21dfcb4-4d9a-4d46-be05-0ec56ccfe414/shotstack-proxy.webp |
{{ VS_TEXT_FONT_COLOR }} | #000000 |
{{ TIME }} | 17:00PM |
{{ DATE }} | FEB 20, 2024 |
{{ TEXT_FONT_COLOR }} | #ffffff |
{{ TEXT_FONT_COLOR_2 }} | #ffffff |
{{ DATE_COLOR }} | #7011d0 |
{{ TIME_COLOR }} | #ff0000 |
Save the JSON above as template.json, then render in the free sandbox:
# Save the JSON above as template.json, then:
curl -X POST https://api.shotstack.io/edit/stage/render \
-H "x-api-key: $SHOTSTACK_API_KEY" \
-H "Content-Type: application/json" \
-d @template.json
# Poll until status is "done", then download response.url
curl https://api.shotstack.io/edit/stage/render/RENDER_ID -H "x-api-key: $SHOTSTACK_API_KEY"import { readFileSync } from 'node:fs';
const headers = { 'x-api-key': process.env.SHOTSTACK_API_KEY, 'Content-Type': 'application/json' };
const edit = JSON.parse(readFileSync('template.json', 'utf8'));
const { response } = await fetch('https://api.shotstack.io/edit/stage/render', {
method: 'POST', headers, body: JSON.stringify(edit)
}).then((r) => r.json());
let render;
do {
await new Promise((r) => setTimeout(r, 3000));
render = (await fetch(`https://api.shotstack.io/edit/stage/render/${response.id}`, { headers }).then((r) => r.json())).response;
} while (!['done', 'failed'].includes(render.status));
console.log(render.status, render.url);import json, os, time, requests
headers = {"x-api-key": os.environ["SHOTSTACK_API_KEY"]}
with open("template.json") as f:
edit = json.load(f)
render_id = requests.post("https://api.shotstack.io/edit/stage/render", json=edit, headers=headers).json()["response"]["id"]
while True:
render = requests.get(f"https://api.shotstack.io/edit/stage/render/{render_id}", headers=headers).json()["response"]
if render["status"] in ("done", "failed"):
break
time.sleep(3)
print(render["status"], render.get("url"))npm install -g @shotstack/cli
export SHOTSTACK_API_KEY=your_sandbox_key
shotstack validate template.json # offline schema check, free
shotstack render template.json --env stage --watchSandbox renders are free and watermarked. Production: the v1 endpoint and key. SDKs
Merge each recipient’s name and details to send everyone their own version.
Paste into Claude, ChatGPT or Cursor — your AI assistant builds the workflow around your data.
Node.js, one render per CSV row, wired to this template's 20 merge fields. Setup steps in the header.
Guides: Bulk-create from a CSV · Webhooks · Templates endpoint · Render your first video
AI assistants: Markdown () · · · CLI skill: SKILL.md () · MCP server
Use the 20 merge fields listed above. Send a merge array with your own values for each field and the API swaps them in at render time, so one template can produce thousands of unique videos.
Yes. This template renders 1920×1080 by default. Set output.resolution to "1080" or output.size to a larger 16:9 size in the JSON; the layout scales with it.
Yes. The template uses 4 images; replace each image asset's src with a public URL of your own file (JPG, PNG or WebP). Keep the timing and effects, or adjust them per clip.
Edit the text on each text asset in the JSON. Fonts come from the timeline fonts list or the asset's font family; add your own font file URL to timeline.fonts to use a brand typeface.
