Last Chance

Urgent dark card with a Last Chance headline, deadline panel and CTA pill — swap event, deadline, CTA and the coral accent.

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

Variables

Open in editor

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

Customize Last Chance

Last Chance 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.

flagText

FINAL CALL

lineAText

Last Chance

lineBText

to Register

eventNameText

Product Growth Live

deadlineLabelText

Registration closes

deadlineValueText

Fri, Apr 11 · 11:59 PM

ctaLabelText

CLAIM YOUR SPOT

ctaUrlText

zvid.io/pgl

inkColor

#120A0A

accentColor

#FF6B5E

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-last-chance",
  "resolution": "instagram-post",
  "outputFormat": "png",
  "backgroundColor": "#120A0A",
  "variables": {
    "flag": "FINAL CALL",
    "lineA": "Last Chance",
    "lineB": "to Register",
    "eventName": "Product Growth Live",
    "deadlineLabel": "Registration closes",
    "deadlineValue": "Fri, Apr 11 · 11:59 PM",
    "ctaLabel": "CLAIM YOUR SPOT",
    "ctaUrl": "zvid.io/pgl",
    "ink": "#120A0A",
    "accent": "#FF6B5E"
  },
  "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='#1B0D0C'/><stop offset='0.55' stop-color='#120A0A'/><stop offset='1' stop-color='#0C0707'/></linearGradient><radialGradient id='glow' cx='0.5' cy='0.32' r='0.65'><stop offset='0' stop-color='{{accent}}' stop-opacity='0.34'/><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='36' y='36' width='1008' height='1008' rx='30' fill='none' stroke='{{accent}}' stroke-opacity='0.35' stroke-width='1.5'/></svg>"
    },
    {
      "type": "SVG",
      "x": 390,
      "y": 150,
      "width": 300,
      "height": 54,
      "anchor": "top-left",
      "track": 4,
      "svg": "<svg width='300' height='54' viewBox='0 0 300 54' xmlns='http://www.w3.org/2000/svg'><rect x='1' y='1' width='298' height='52' rx='26' fill='{{accent}}'/><circle cx='40' cy='27' r='7' fill='{{ink}}'/><text x='168' y='35' font-family='Space Grotesk, Arial' font-size='19' font-weight='700' letter-spacing='4' fill='{{ink}}' text-anchor='middle'>{{flag}}</text></svg>"
    },
    {
      "type": "TEXT",
      "x": 40,
      "y": 288,
      "width": 1000,
      "anchor": "top-left",
      "track": 5,
      "style": {
        "fontFamily": "Bricolage Grotesque"
      },
      "html": "<div style='font-size:118px; font-weight:800; line-height:0.9; letter-spacing:-0.035em; text-align:center; color:#FBEEEC;'>{{lineA}}<br><span style='color:{{accent}};'>{{lineB}}</span></div>"
    },
    {
      "type": "TEXT",
      "x": 140,
      "y": 560,
      "width": 800,
      "anchor": "top-left",
      "track": 5,
      "text": "{{eventName}}",
      "style": {
        "fontFamily": "Space Grotesk",
        "fontSize": "36px",
        "fontWeight": "600",
        "letterSpacing": "0.02em",
        "textAlign": "center",
        "color": "#D8B7B2"
      }
    },
    {
      "type": "SVG",
      "x": 240,
      "y": 660,
      "width": 600,
      "height": 128,
      "anchor": "top-left",
      "track": 5,
      "svg": "<svg width='600' height='128' viewBox='0 0 600 128' xmlns='http://www.w3.org/2000/svg'><rect x='1' y='1' width='598' height='126' rx='20' fill='#FFFFFF' fill-opacity='0.05' stroke='{{accent}}' stroke-opacity='0.4' stroke-width='1.3'/><text x='300' y='48' font-family='Space Grotesk, Arial' font-size='17' font-weight='600' letter-spacing='3.5' fill='{{accent}}' text-anchor='middle'>{{deadlineLabel}}</text><text x='300' y='92' font-family='Space Grotesk, Arial' font-size='34' font-weight='700' letter-spacing='0.5' fill='#FBEEEC' text-anchor='middle'>{{deadlineValue}}</text></svg>"
    },
    {
      "type": "SVG",
      "x": 300,
      "y": 850,
      "width": 480,
      "height": 78,
      "anchor": "top-left",
      "track": 6,
      "svg": "<svg width='480' height='78' viewBox='0 0 480 78' xmlns='http://www.w3.org/2000/svg'><rect x='1' y='1' width='478' height='76' rx='38' fill='{{accent}}'/><text x='240' y='49' font-family='Space Grotesk, Arial' font-size='26' font-weight='700' letter-spacing='2' fill='{{ink}}' text-anchor='middle'>{{ctaLabel}}</text></svg>"
    },
    {
      "type": "TEXT",
      "x": 40,
      "y": 952,
      "width": 1000,
      "anchor": "top-left",
      "track": 6,
      "text": "{{ctaUrl}}",
      "style": {
        "fontFamily": "Space Grotesk",
        "fontSize": "22px",
        "fontWeight": "500",
        "letterSpacing": "0.16em",
        "textAlign": "center",
        "color": "#9C8480"
      }
    }
  ]
}