lyric-card

Lyric card OG image template

Two to four lines of a song or poem in heavy type, each run over with a slanted highlighter stroke, on the blurred cover.

Lyric card Open Graph image template rendered by Shareglint
Lyric card template at square size (1080×1080)
Lyric card template at portrait size (1080×1350)
Lyric card template at story size (1080×1920)
Lyric card template at pinterest size (1000×1500)
Lyric 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 music sites, artists, labels and poetry publishers sharing an excerpt. The lines shrink together to fit; more than four are cut to four, the last ending in an ellipsis. The stroke takes the accent colour and the text on it a readable dark or light. Without a cover the background becomes a dark striped wash in the accent and the cover spots show a note. Wide frames lean a sharp copy of the cover on the right edge; square and vertical frames tilt it above the lines and put the credit at the foot.

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
lines text The lines, separated by ; (a new line works too), e.g. We kept the radio on;through the long blue miles. Two to four read best. We kept the radio on;through the long blue miles;every song a window;and the night still ours
song text Song or poem title in the credit. Long Blue Miles
artist text Artist or poet, after a note sign. The Harbor Lights
cover image URL Album or book cover; blurred into the background and shown sharp beside the lines. https://example.com/images/b09-album-tides.png
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": "lyric-card",
    "modifications": {
        "lines": "We kept the radio on;through the long blue miles;every song a window;and the night still ours",
        "song": "Long Blue Miles",
        "artist": "The Harbor Lights",
        "cover": "https://example.com/images/b09-album-tides.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/lyric-card.png?artist=The%20Harbor%20Lights&lines=We%20kept%20the%20radio%20on%3Bthrough%20the%20long%20blue%20miles%3Bevery%20song%20a%20window%3Band%20the%20night%20still%20ours&song=Long%20Blue%20Miles&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/lyric-card/copy" \
  -H "Authorization: Bearer sk_live_YOUR_KEY"

More Podcasts, music & books templates

All 10 Podcasts, music & books templates →  ·  All templates →