Sponsor Card

Dark sponsor card with a monogram tile, sponsor name, gold tier badge and event footer — swap sponsor, tier, event and accent.

Type: Image
Format: Instagram Post · 1:1
Orientation: Square

Variables

Open in editor

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

Customize Sponsor Card

Sponsor Card is a ready-to-render Events / webinars image design formatted for Instagram Post · 1:1 and support for variables. Open it in the editor to replace its copy and media, then render variations through the Zvid API.

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

eyebrowText

PROUDLY SPONSORED BY

sponsorInitialText

sponsorNameText

Northwind

sponsorTaglineText

Infrastructure for AI teams

tierLabelText

GOLD PARTNER

eventNameText

DevStack Conf 2026

eventMetaText

May 16 · San Francisco

inkColor

#0B0D16

accentColor

#6C7BF0

tierColorColor

#E9C46A

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 ↗

{
  "type": "image",
  "name": "img-event-sponsor",
  "resolution": "instagram-post",
  "outputFormat": "png",
  "backgroundColor": "#0B0D16",
  "variables": {
    "eyebrow": "PROUDLY SPONSORED BY",
    "sponsorInitial": "N",
    "sponsorName": "Northwind",
    "sponsorTagline": "Infrastructure for AI teams",
    "tierLabel": "GOLD PARTNER",
    "eventName": "DevStack Conf 2026",
    "eventMeta": "May 16 · San Francisco",
    "ink": "#0B0D16",
    "accent": "#6C7BF0",
    "tierColor": "#E9C46A"
  },
  "visuals": [
    {
      "type": "SVG",
      "width": 1080,
      "height": 1080,
      "position": "center-center",
      "track": 0,
      "svg": "<svg width='1080' height='1080' viewBox='0 0 1080 1080' xmlns='http://www.w3.org/2000/svg'><defs><linearGradient id='bg' x1='0' y1='0' x2='1' y2='1'><stop offset='0' stop-color='#111428'/><stop offset='0.55' stop-color='#0B0D16'/><stop offset='1' stop-color='#080910'/></linearGradient><radialGradient id='glow' cx='0.5' cy='0.42' r='0.6'><stop offset='0' stop-color='{{accent}}' stop-opacity='0.28'/><stop offset='1' stop-color='{{accent}}' stop-opacity='0'/></radialGradient></defs><rect width='1080' height='1080' fill='url(#bg)'/><rect width='1080' height='1080' fill='url(#glow)'/><rect x='34' y='34' width='1012' height='1012' rx='28' fill='none' stroke='#FFFFFF' stroke-opacity='0.08' stroke-width='1.5'/></svg>"
    },
    {
      "type": "TEXT",
      "x": 40,
      "y": 150,
      "width": 1000,
      "anchor": "top-left",
      "track": 4,
      "text": "{{eyebrow}}",
      "style": {
        "fontFamily": "Space Grotesk",
        "fontSize": "22px",
        "fontWeight": "600",
        "letterSpacing": "0.36em",
        "textAlign": "center",
        "color": "#8E93B8"
      }
    },
    {
      "type": "SVG",
      "x": 240,
      "y": 262,
      "width": 600,
      "height": 340,
      "anchor": "top-left",
      "track": 5,
      "svg": "<svg width='600' height='340' viewBox='0 0 600 340' xmlns='http://www.w3.org/2000/svg'><defs><linearGradient id='mg' x1='0' y1='0' x2='1' y2='1'><stop offset='0' stop-color='{{accent}}'/><stop offset='1' stop-color='#3B4BC0'/></linearGradient></defs><rect x='1.5' y='1.5' width='597' height='337' rx='28' fill='#FFFFFF' fill-opacity='0.04' stroke='#FFFFFF' stroke-opacity='0.12' stroke-width='1.5'/><circle cx='300' cy='128' r='66' fill='url(#mg)'/><text x='300' y='154' font-family='Manrope, Arial' font-size='68' font-weight='800' fill='{{ink}}' text-anchor='middle'>{{sponsorInitial}}</text><text x='300' y='250' font-family='Manrope, Arial' font-size='52' font-weight='800' letter-spacing='-1' fill='#F1F2FA' text-anchor='middle'>{{sponsorName}}</text><text x='300' y='294' font-family='Manrope, Arial' font-size='21' font-weight='500' fill='#9DA2C4' text-anchor='middle'>{{sponsorTagline}}</text></svg>"
    },
    {
      "type": "SVG",
      "x": 388,
      "y": 656,
      "width": 304,
      "height": 60,
      "anchor": "top-left",
      "track": 5,
      "svg": "<svg width='304' height='60' viewBox='0 0 304 60' xmlns='http://www.w3.org/2000/svg'><rect x='1' y='1' width='302' height='58' rx='29' fill='{{tierColor}}' fill-opacity='0.14' stroke='{{tierColor}}' stroke-opacity='0.65' stroke-width='1.4'/><circle cx='40' cy='30' r='8' fill='{{tierColor}}'/><text x='170' y='38' font-family='Space Grotesk, Arial' font-size='21' font-weight='700' letter-spacing='3' fill='{{tierColor}}' text-anchor='middle'>{{tierLabel}}</text></svg>"
    },
    {
      "type": "SVG",
      "x": 340,
      "y": 800,
      "width": 400,
      "height": 2,
      "anchor": "top-left",
      "track": 5,
      "svg": "<svg width='400' height='2' viewBox='0 0 400 2' xmlns='http://www.w3.org/2000/svg'><rect width='400' height='1' fill='#FFFFFF' fill-opacity='0.14'/></svg>"
    },
    {
      "type": "TEXT",
      "x": 40,
      "y": 848,
      "width": 1000,
      "anchor": "top-left",
      "track": 5,
      "style": {
        "fontFamily": "Manrope"
      },
      "html": "<div style='font-size:44px; font-weight:800; letter-spacing:-0.02em; text-align:center; color:#F1F2FA;'>{{eventName}}</div><div style='margin-top:8px; font-size:23px; font-weight:500; letter-spacing:0.04em; text-align:center; color:#8E93B8;'>{{eventMeta}}</div>"
    }
  ]
}