rates-board

Rates board OG image template

A departures-style board of rates: product names, figures on split-flap cells and a small change arrow per row.

Rates board Open Graph image template rendered by Shareglint
Rates board template at square size (1080×1080)
Rates board template at portrait size (1080×1350)
Rates board template at story size (1080×1920)
Rates board template at pinterest size (1000×1500)
Rates board 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 lenders, brokers, banks and comparison sites publishing mortgage, deposit, FX or fuel rates. Each row shows its change in green, red or grey from the sign; a rate longer than seven characters goes into one wide cell, and at most eight rows are shown. Wide frames split six or more rows into two columns; square and vertical frames keep one column with larger cells and the disclaimer 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
title text Board title, e.g. Mortgage rates this week. default: Today's rates Mortgage rates this week
as_of text Date of the figures, in the plate next to the title. Week of Oct 26, 2026
rows text Rows separated by ;, each as product|rate|change, e.g. 30-year fixed|6.12%|-0.08. Up to eight. 30-year fixed|6.12%|-0.08;20-year fixed|5.94%|-0.05;15-year fixed|5.48%|+0.02;10/1 ARM|5.71%|0.00;Jumbo 30-year|6.35%|-0.11
disclaimer text Small print under the board, up to two lines on wide frames. Average APR for a $400,000 loan with 20% down. Rates change daily and depend on your credit.
site text Website, bottom right. northwindbank.com/rates
logo image URL Company logo, square. https://example.com/images/b05-bank.png
accent colour Brand colour as hex, e.g. #6366f1. Drives buttons, highlights and the background glow. default: #fbbf24 #fbbf24
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": "rates-board",
    "modifications": {
        "title": "Mortgage rates this week",
        "as_of": "Week of Oct 26, 2026",
        "rows": "30-year fixed|6.12%|-0.08;20-year fixed|5.94%|-0.05;15-year fixed|5.48%|+0.02;10/1 ARM|5.71%|0.00;Jumbo 30-year|6.35%|-0.11",
        "disclaimer": "Average APR for a $400,000 loan with 20% down. Rates change daily and depend on your credit.",
        "site": "northwindbank.com/rates",
        "logo": "https://example.com/images/b05-bank.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/rates-board.png?as_of=Week%20of%20Oct%2026%2C%202026&disclaimer=Average%20APR%20for%20a%20%24400%2C000%20loan%20with%2020%25%20down.%20Rates%20change%20daily%20and%20depend%20on%20your%20credit.&rows=30-year%20fixed%7C6.12%25%7C-0.08%3B20-year%20fixed%7C5.94%25%7C-0.05%3B15-year%20fixed%7C5.48%25%7C%2B0.02%3B10%2F1%20ARM%7C5.71%25%7C0.00%3BJumbo%2030-year%7C6.35%25%7C-0.11&site=northwindbank.com%2Frates&title=Mortgage%20rates%20this%20week&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/rates-board/copy" \
  -H "Authorization: Bearer sk_live_YOUR_KEY"

More News, sports & finance templates

All 6 News, sports & finance templates →  ·  All templates →