book-card

Book recommendation OG image template

A book cover standing on the table with its page edges showing, a reader's quote in a large serif and star rating.

Book recommendation Open Graph image template rendered by Shareglint
Book recommendation template at square size (1080×1080)
Book recommendation template at portrait size (1080×1350)
Book recommendation template at story size (1080×1920)
Book recommendation template at pinterest size (1000×1500)
Book recommendation 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 book clubs, reading apps, bookstores and newsletters recommending or reviewing a book. The stars fill to the rating out of five (halves too), the quote shrinks to fit and clamps, and without a cover the book is drawn with its title and author on the accent colour. Wide frames give the cover a column of its own; square frames set the title beside the cover and the quote across under both; vertical frames stack cover, title and quote.

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
quote text The reader's words about the book. A quiet, salt-stung novel about a family orchard on a drowning coast. I read it in two sittings and still think about the last chapter.
title text Book title. The Salt Orchard
author text Author's name. Inés Marlowe
rating text Rating out of 5, e.g. 4.5; fills the stars and is shown beside them. 4.5
reviewer text Who said it, e.g. Hana Okafor, Northwind Book Club. Hana Okafor, Northwind Book Club
genre text Genre or shelf, in small capitals, e.g. Literary fiction. Literary fiction
buy_url text Where to get it, at the bottom. harborlight.press/salt-orchard
cover image URL Book cover, portrait (2:3). https://example.com/images/b07-book-cover.png
accent colour Brand colour as hex, e.g. #6366f1. Drives buttons, highlights and the background glow. default: #9a3412 #9a3412
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": "book-card",
    "modifications": {
        "quote": "A quiet, salt-stung novel about a family orchard on a drowning coast. I read it in two sittings and still think about the last chapter.",
        "title": "The Salt Orchard",
        "author": "Inés Marlowe",
        "rating": "4.5",
        "reviewer": "Hana Okafor, Northwind Book Club",
        "genre": "Literary fiction",
        "buy_url": "harborlight.press/salt-orchard",
        "cover": "https://example.com/images/b07-book-cover.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/book-card.png?author=In%C3%A9s%20Marlowe&buy_url=harborlight.press%2Fsalt-orchard&genre=Literary%20fiction&quote=A%20quiet%2C%20salt-stung%20novel%20about%20a%20family%20orchard%20on%20a%20drowning%20coast.%20I%20read%20it%20in%20two%20sittings%20and%20still%20think%20about%20the%20last%20chapter.&rating=4.5&reviewer=Hana%20Okafor%2C%20Northwind%20Book%20Club&title=The%20Salt%20Orchard&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/book-card/copy" \
  -H "Authorization: Bearer sk_live_YOUR_KEY"

More Podcasts, music & books templates

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