matchup

Matchup OG image template

A game-day poster: two teams facing each other across a giant striped VS, with the kickoff on split-flap tiles.

Matchup Open Graph image template rendered by Shareglint
Matchup template at square size (1080×1080)
Matchup template at portrait size (1080×1350)
Matchup template at story size (1080×1920)
Matchup template at pinterest size (1000×1500)
Matchup template at youtube size (1280×720)

These are real renders from the API with the example values in the table below. Switch the size above: the same template lays itself out for all 6 sizes — send size or sizes with the request.

For clubs, leagues, esports and betting content announcing the next fixture. A kickoff time like 20:45 is drawn one digit per tile; any other text goes into a single wide tile. A team without a logo gets a slanted monogram badge, and long names shrink to fit. Wide frames set the teams left and right of the VS; square and vertical frames stack home, the VS band and away from top to bottom.

Fields

Every field is optional. Long text shrinks to fit instead of overflowing; an image field takes a public URL that we fetch on our side.

Field Type Description Example
home_team text Home team name. Northbridge FC
away_team text Away team name. Riverside United
kickoff text Kickoff time, e.g. 20:45. A clock time becomes split-flap tiles; other text (TBC) is shown as is. 20:45
date text Match day in the accent tag above the tiles, e.g. Sat, Nov 1. Sat, Nov 1
venue text Stadium or arena, at the bottom. Harbour Park, Northbridge
competition text League or cup and round, at the top. Premier Cup · Matchday 10
broadcast text Where to watch, in the dark pill at the top, e.g. Live on Northwind TV. Live on Northwind TV
odds text Optional odds line in a mono box, e.g. 2.10 · 3.40 · 3.25. 2.10 · 3.40 · 3.25
home_logo image URL Home team crest; transparent PNG or SVG works best. https://example.com/images/b05-crest-north.png
away_logo image URL Away team crest. https://example.com/images/b05-crest-river.png
accent colour Brand colour as hex, e.g. #6366f1. Drives buttons, highlights and the background glow. default: #f97316 #f97316
theme dark | light Colour scheme: dark or light. default: light —

Render it with one request

Use the slug as template. The response holds the URL of the finished PNG; ?wait=true keeps the connection open until it is ready.

curl -X POST "https://shareglint.com/v1/images?wait=true" \
  -H "Authorization: Bearer sk_live_YOUR_KEY" \
  -H "Content-Type: application/json" \
  -d '{
    "template": "matchup",
    "modifications": {
        "home_team": "Northbridge FC",
        "away_team": "Riverside United",
        "kickoff": "20:45",
        "date": "Sat, Nov 1",
        "venue": "Harbour Park, Northbridge",
        "competition": "Premier Cup · Matchday 10",
        "broadcast": "Live on Northwind TV",
        "odds": "2.10 · 3.40 · 3.25",
        "home_logo": "https://example.com/images/b05-crest-north.png",
        "away_logo": "https://example.com/images/b05-crest-river.png"
    }
}'

Or paste a signed URL into og:image

For static sites, Webflow, Shopify and no-code tools: put the fields in the query string and sign it with your signing secret. The first request renders the image, every later one is a redirect to the cached file. How to compute the signature.

<meta property="og:image" content="https://shareglint.com/i/acc_YOUR_ACCOUNT_ID/matchup.png?away_team=Riverside%20United&broadcast=Live%20on%20Northwind%20TV&competition=Premier%20Cup%20%C2%B7%20Matchday%2010&date=Sat%2C%20Nov%201&home_team=Northbridge%20FC&kickoff=20%3A45&odds=2.10%20%C2%B7%203.40%20%C2%B7%203.25&venue=Harbour%20Park%2C%20Northbridge&s=YOUR_SIGNATURE">

Make it yours

accent and theme change per request. For anything more, copy the template into your account: you get an ordinary HTML template with the same fields that you can edit in the dashboard or through the API. If the slug is free on your account, the copy takes it — your integrations switch to your version without changing a line.

curl -X POST "https://shareglint.com/v1/templates/library/matchup/copy" \
  -H "Authorization: Bearer sk_live_YOUR_KEY"

More News, sports & finance templates

All 6 News, sports & finance templates →  ·  All templates →