Attendance Certificate

Formal cream certificate of attendance with recipient name, event, foil seal and signature line — swap name, event, date and seal.

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

Variables

Open in editor

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

Customize Attendance Certificate

Attendance Certificate 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.

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.

kickerText

CERTIFICATE OF ATTENDANCE

presentedToText

This certifies that

recipientNameText

Amara Okafor

bodyTextText

attended and completed all sessions of

eventNameText

The AI Product Summit 2026

dateLabelText

March 22, 2026

signatoryText

Dana Fowler · Program Director

sealTextText

VERIFIED

sealYearText

2026

paperColor

#F6F2EA

inkColor

#141B2B

mutedColor

#5D6373

accentColor

#1E2A44

foilColor

#B08948

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-certificate",
  "resolution": "instagram-post",
  "outputFormat": "png",
  "backgroundColor": "#F6F2EA",
  "variables": {
    "kicker": "CERTIFICATE OF ATTENDANCE",
    "presentedTo": "This certifies that",
    "recipientName": "Amara Okafor",
    "bodyText": "attended and completed all sessions of",
    "eventName": "The AI Product Summit 2026",
    "dateLabel": "March 22, 2026",
    "signatory": "Dana Fowler · Program Director",
    "sealText": "VERIFIED",
    "sealYear": "2026",
    "paper": "#F6F2EA",
    "ink": "#141B2B",
    "muted": "#5D6373",
    "accent": "#1E2A44",
    "foil": "#B08948"
  },
  "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='#FAF6EF'/><stop offset='1' stop-color='#F0EADE'/></linearGradient></defs><rect width='1080' height='1080' fill='url(#bg)'/><rect x='44' y='44' width='992' height='992' rx='10' fill='none' stroke='{{accent}}' stroke-width='2.5'/><rect x='58' y='58' width='964' height='964' rx='6' fill='none' stroke='{{foil}}' stroke-width='1'/><rect x='58' y='58' width='964' height='964' rx='6' fill='none' stroke='{{accent}}' stroke-opacity='0.4' stroke-width='1' stroke-dasharray='1 7'/></svg>"
    },
    {
      "type": "SVG",
      "x": 440,
      "y": 118,
      "width": 200,
      "height": 40,
      "anchor": "top-left",
      "track": 4,
      "svg": "<svg width='200' height='40' viewBox='0 0 200 40' xmlns='http://www.w3.org/2000/svg'><line x1='6' y1='20' x2='58' y2='20' stroke='{{foil}}' stroke-width='1.5'/><circle cx='100' cy='20' r='6' fill='none' stroke='{{foil}}' stroke-width='1.5'/><circle cx='100' cy='20' r='2.5' fill='{{foil}}'/><line x1='142' y1='20' x2='194' y2='20' stroke='{{foil}}' stroke-width='1.5'/></svg>"
    },
    {
      "type": "TEXT",
      "x": 40,
      "y": 178,
      "width": 1000,
      "anchor": "top-left",
      "track": 5,
      "text": "{{kicker}}",
      "style": {
        "fontFamily": "Space Grotesk",
        "fontSize": "24px",
        "fontWeight": "600",
        "letterSpacing": "0.42em",
        "textAlign": "center",
        "color": "#5D6373"
      }
    },
    {
      "type": "TEXT",
      "x": 40,
      "y": 288,
      "width": 1000,
      "anchor": "top-left",
      "track": 5,
      "text": "{{presentedTo}}",
      "style": {
        "fontFamily": "Space Grotesk",
        "fontSize": "24px",
        "fontWeight": "500",
        "letterSpacing": "0.04em",
        "textAlign": "center",
        "color": "#5D6373"
      }
    },
    {
      "type": "TEXT",
      "x": 40,
      "y": 336,
      "width": 1000,
      "anchor": "top-left",
      "track": 5,
      "style": {
        "fontFamily": "DM Serif Display"
      },
      "html": "<div style='font-size:96px; font-weight:400; line-height:1; letter-spacing:-0.01em; text-align:center; color:{{ink}};'>{{recipientName}}</div>"
    },
    {
      "type": "SVG",
      "x": 390,
      "y": 470,
      "width": 300,
      "height": 20,
      "anchor": "top-left",
      "track": 5,
      "svg": "<svg width='300' height='20' viewBox='0 0 300 20' xmlns='http://www.w3.org/2000/svg'><line x1='0' y1='10' x2='300' y2='10' stroke='{{accent}}' stroke-opacity='0.35' stroke-width='1.5'/></svg>"
    },
    {
      "type": "TEXT",
      "x": 40,
      "y": 512,
      "width": 1000,
      "anchor": "top-left",
      "track": 5,
      "text": "{{bodyText}}",
      "style": {
        "fontFamily": "Space Grotesk",
        "fontSize": "24px",
        "fontWeight": "500",
        "letterSpacing": "0.02em",
        "textAlign": "center",
        "color": "#5D6373"
      }
    },
    {
      "type": "TEXT",
      "x": 90,
      "y": 560,
      "width": 900,
      "anchor": "top-left",
      "track": 5,
      "style": {
        "fontFamily": "DM Serif Display"
      },
      "html": "<div style='font-size:50px; font-weight:400; line-height:1.06; letter-spacing:-0.01em; text-align:center; color:{{accent}};'>{{eventName}}</div>"
    },
    {
      "type": "SVG",
      "x": 452,
      "y": 700,
      "width": 176,
      "height": 176,
      "anchor": "top-left",
      "track": 6,
      "svg": "<svg width='176' height='176' viewBox='0 0 176 176' xmlns='http://www.w3.org/2000/svg'><circle cx='88' cy='88' r='72' fill='none' stroke='{{foil}}' stroke-width='2'/><circle cx='88' cy='88' r='60' fill='{{accent}}'/><circle cx='88' cy='88' r='60' fill='none' stroke='{{foil}}' stroke-width='1' stroke-dasharray='1 6'/><text x='88' y='82' font-family='Space Grotesk, Arial' font-size='19' font-weight='700' letter-spacing='3' fill='{{foil}}' text-anchor='middle'>{{sealText}}</text><text x='88' y='112' font-family='Space Grotesk, Arial' font-size='22' font-weight='700' letter-spacing='2' fill='#F6F2EA' text-anchor='middle'>{{sealYear}}</text></svg>"
    },
    {
      "type": "SVG",
      "x": 140,
      "y": 936,
      "width": 800,
      "height": 60,
      "anchor": "top-left",
      "track": 5,
      "svg": "<svg width='800' height='60' viewBox='0 0 800 60' xmlns='http://www.w3.org/2000/svg'><line x1='40' y1='4' x2='300' y2='4' stroke='{{ink}}' stroke-opacity='0.3' stroke-width='1'/><text x='170' y='34' font-family='Space Grotesk, Arial' font-size='19' font-weight='600' letter-spacing='0.5' fill='#5D6373' text-anchor='middle'>{{dateLabel}}</text><text x='170' y='56' font-family='Space Grotesk, Arial' font-size='14' font-weight='500' letter-spacing='3' fill='#8B8FA0' text-anchor='middle'>DATE</text><line x1='500' y1='4' x2='760' y2='4' stroke='{{ink}}' stroke-opacity='0.3' stroke-width='1'/><text x='630' y='34' font-family='Space Grotesk, Arial' font-size='19' font-weight='600' letter-spacing='0.5' fill='#5D6373' text-anchor='middle'>{{signatory}}</text><text x='630' y='56' font-family='Space Grotesk, Arial' font-size='14' font-weight='500' letter-spacing='3' fill='#8B8FA0' text-anchor='middle'>SIGNED</text></svg>"
    }
  ]
}