session-card

Session card OG image template

One conference talk as a boarding pass: start and end time, room and track on the stub, the talk title and up to three speakers with photos.

Session card Open Graph image template rendered by Shareglint
Session card template at square size (1080×1080)
Session card template at portrait size (1080×1350)
Session card template at story size (1080×1920)
Session card template at pinterest size (1000×1500)
Session card 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 conferences, meetups and webinar series that post every session of the programme. Speakers without a name are skipped and a missing photo turns into initials; a long title shrinks, long names end with an ellipsis. Wide frames put the stub on the left and the speakers in a row; square and vertical frames move the stub to a band across the top and list the speakers under the title.

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
talk_title text Title of the talk. default: Session title Shipping design systems that survive the second redesign
track text Track or format, shown as a pill on the stub, e.g. Design track. Design track
day text Day of the session, e.g. Thu, June 12. Thu, June 12
start text Start time, e.g. 14:30. 14:30
end text End time, e.g. 15:15. 15:15
room text Room or stage, e.g. Room A · Main hall. Room A · Main hall
event_name text Name of the event next to the logo. Frontend Summit 2026
speaker_1_name text Name of the first speaker. Maya Chen
speaker_1_title text Role and company of the first speaker. Staff Engineer, Northwind
speaker_1_photo image URL Photo of the first speaker. https://example.com/images/avatar-woman.jpg
speaker_2_name text Name of the second speaker. Daniel Okafor
speaker_2_title text Role and company of the second speaker. Head of Design, Polaris
speaker_2_photo image URL Photo of the second speaker. https://example.com/images/avatar-man.jpg
speaker_3_name text Name of the third speaker. —
speaker_3_title text Role and company of the third speaker. —
speaker_3_photo image URL Photo of the third speaker. —
logo image URL Event logo. https://example.com/images/logo-northwind.png
accent colour Brand colour as hex, e.g. #6366f1. Drives buttons, highlights and the background glow. default: #2563eb #2563eb
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": "session-card",
    "modifications": {
        "talk_title": "Shipping design systems that survive the second redesign",
        "track": "Design track",
        "day": "Thu, June 12",
        "start": "14:30",
        "end": "15:15",
        "room": "Room A · Main hall",
        "event_name": "Frontend Summit 2026",
        "speaker_1_name": "Maya Chen",
        "speaker_1_title": "Staff Engineer, Northwind",
        "speaker_2_name": "Daniel Okafor",
        "speaker_2_title": "Head of Design, Polaris",
        "speaker_1_photo": "https://example.com/images/avatar-woman.jpg",
        "speaker_2_photo": "https://example.com/images/avatar-man.jpg",
        "logo": "https://example.com/images/logo-northwind.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/session-card.png?day=Thu%2C%20June%2012&end=15%3A15&event_name=Frontend%20Summit%202026&room=Room%20A%20%C2%B7%20Main%20hall&speaker_1_name=Maya%20Chen&speaker_1_title=Staff%20Engineer%2C%20Northwind&speaker_2_name=Daniel%20Okafor&speaker_2_title=Head%20of%20Design%2C%20Polaris&start=14%3A30&talk_title=Shipping%20design%20systems%20that%20survive%20the%20second%20redesign&track=Design%20track&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/session-card/copy" \
  -H "Authorization: Bearer sk_live_YOUR_KEY"

More Events & webinars templates

All 17 Events & webinars templates →  ·  All templates →