thumbnail-reaction

Reaction thumbnail OG image template

YouTube reaction thumbnail: the thing you react to in a torn paper frame, your face in a big ringed circle, two or three words in heavy outlined type over rays in the accent colour.

Reaction thumbnail Open Graph image template rendered by Shareglint
Reaction thumbnail template at square size (1080×1080)
Reaction thumbnail template at portrait size (1080×1350)
Reaction thumbnail template at story size (1080×1920)
Reaction thumbnail template at pinterest size (1000×1500)
Reaction thumbnail 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 reaction, commentary and review channels. Built to be read at 320 px wide: a few huge elements, the words shrink to fit and stop at three lines, the badge and channel end with an ellipsis. Without a face photo the circle holds the emoji; without the subject image the frame shows a halftone with a big ?!. Wide frames put the subject on the left and the face on the right; vertical ones stack subject, words and face.

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
title text Two or three loud words, e.g. I tried $900 sneakers. default: Wait, what? I tried $900 sneakers
badge text Tag in the top left corner, e.g. Honest review. Honest review
emoji text One emoji next to the face. 😳
channel text Channel name in the top right corner. Maya Reacts
face_photo image URL Your face, ideally mid-reaction; it is cropped to a circle. https://example.com/images/creator-face.jpg
subject_image image URL What you react to: a product, a screenshot, a still from the video. https://example.com/images/sneakers.jpg
accent colour Brand colour as hex, e.g. #6366f1. Drives buttons, highlights and the background glow. default: #facc15 #facc15
theme dark | light Colour scheme: dark or 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": "thumbnail-reaction",
    "modifications": {
        "title": "I tried $900 sneakers",
        "badge": "Honest review",
        "emoji": "😳",
        "channel": "Maya Reacts",
        "face_photo": "https://example.com/images/creator-face.jpg",
        "subject_image": "https://example.com/images/sneakers.jpg"
    }
}'

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/thumbnail-reaction.png?badge=Honest%20review&channel=Maya%20Reacts&emoji=%F0%9F%98%B3&title=I%20tried%20%24900%20sneakers&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/thumbnail-reaction/copy" \
  -H "Authorization: Bearer sk_live_YOUR_KEY"

More Social media & creators templates

All 19 Social media & creators templates →  ·  All templates →