calendar-month

Calendar month OG image template

A month calendar with marked days filled in your accent colour and their labels listed beside or under the grid.

Calendar month Open Graph image template rendered by Shareglint
Calendar month template at square size (1080×1080)
Calendar month template at portrait size (1080×1350)
Calendar month template at story size (1080×1920)
Calendar month template at pinterest size (1000×1500)
Calendar month 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 communities, schools, creators and productivity apps that publish a content or events calendar. The grid is computed from month and year with weeks starting on Monday and weekday names in the card's language; a month that cannot be read falls back to the current one. Up to six labelled days are listed. Wide frames put the month name and labels on the left of the grid; square and vertical frames stack the name, the grid and the labels.

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
month text Month as a number 1–12 or a name, e.g. November. November
year text Year, e.g. 2026 (1900–2100). 2026
marked text Marked days separated by ; — each as day|label, e.g. 12|Launch;19|Webinar. The label is optional. 5|Meetup: design systems;12|Product launch;19|Webinar: OG images at scale;26|Hack night
title text Line under the month name, e.g. Community calendar. Northwind community calendar
background image URL Optional photo behind the calendar, dimmed so the grid stays readable. https://example.com/images/forest.jpg
accent colour Brand colour as hex, e.g. #6366f1. Drives buttons, highlights and the background glow. default: #a3e635 #a3e635
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": "calendar-month",
    "modifications": {
        "month": "November",
        "year": "2026",
        "marked": "5|Meetup: design systems;12|Product launch;19|Webinar: OG images at scale;26|Hack night",
        "title": "Northwind community calendar",
        "background": "https://example.com/images/forest.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/calendar-month.png?marked=5%7CMeetup%3A%20design%20systems%3B12%7CProduct%20launch%3B19%7CWebinar%3A%20OG%20images%20at%20scale%3B26%7CHack%20night&month=November&title=Northwind%20community%20calendar&year=2026&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/calendar-month/copy" \
  -H "Authorization: Bearer sk_live_YOUR_KEY"

More Events & webinars templates

All 17 Events & webinars templates →  ·  All templates →