story-new-post

Story new post OG image template

A "new post" story: the post picture as a tilted print, its title on a card over it, a label pill above and a swipe-up hint with the link below.

Story new post Open Graph image template rendered by Shareglint
Story new post template at square size (1080×1080)
Story new post template at portrait size (1080×1350)
Story new post template at story size (1080×1920)
Story new post template at pinterest size (1000×1500)
Story new post 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 creators, publishers and brands who announce every new post, video or article in their stories. The title autofits on the card, the label and the link end with an ellipsis, and without a picture the print shows an accent pattern with a play button. Vertical frames stack label, post and link in the middle of the safe zone; on wide frames the label becomes a big headline next to the post.

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 Title of the post, video or article. default: Post title The 5 best headphones under $200, tested for a month
label text Label in the pill, e.g. New post or New video. default: New post New video
handle text Account shown on the post card. @northwind.audio
url text Link under the swipe-up arrows. northwind.dev/headphones
image image URL Picture of the post: its cover, thumbnail or photo. https://example.com/images/headphones.jpg
accent colour Brand colour as hex, e.g. #6366f1. Drives buttons, highlights and the background glow. default: #8b5cf6 #8b5cf6
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": "story-new-post",
    "modifications": {
        "title": "The 5 best headphones under $200, tested for a month",
        "label": "New video",
        "handle": "@northwind.audio",
        "url": "northwind.dev/headphones",
        "image": "https://example.com/images/headphones.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/story-new-post.png?handle=%40northwind.audio&label=New%20video&title=The%205%20best%20headphones%20under%20%24200%2C%20tested%20for%20a%20month&url=northwind.dev%2Fheadphones&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/story-new-post/copy" \
  -H "Authorization: Bearer sk_live_YOUR_KEY"

More Social media & creators templates

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