Loyalty programmes

Loyalty card

Show a member how close they are to their next reward on one card.

File types
PNGJPEGWebP
Size
1080 × 1080 px
Use case
Loyalty programmes
Licence
Free to copy and use in your own templates
Source
Made by thirds.ai with the open-licence Bricolage Grotesque font, original graphic marks, and fictional sample names.
A square loyalty card with an orange header naming Harbour Coffee, a dark green circular reward badge, eight round stamp icons in dark green and orange across a cream body, and a dark green action button.
loyalty-card/template.html

About this design

What you can make with it.

Cafés and shops send this to a member after each visit or purchase. It names the member and the reward, marks each stamp as open or complete, and gives the programme's simple rules. Update the stamps and reward for every member, every time they visit.

Your details

What you can change.

These are the words and numbers you swap for your own. The design stays the same.

  1. BrandA short text.
  2. ProgrammeA short text.
  3. Customer nameA short text.
  4. RewardA short text.
  5. StampsA list of items. Each item has label and state.
  6. Reward noteA short text.
  7. TermsA short text.
  8. ActionA short text.
  9. FooterA short text.
Sample data
{
  "brand": "Harbour Coffee",
  "programme": "Brew points",
  "customer_name": "Maya Singh",
  "reward": "A free coffee",
  "stamps": [
    {
      "label": "Visit 1",
      "state": "Complete"
    },
    {
      "label": "Visit 2",
      "state": "Complete"
    },
    {
      "label": "Visit 3",
      "state": "Complete"
    },
    {
      "label": "Visit 4",
      "state": "Complete"
    },
    {
      "label": "Visit 5",
      "state": "Complete"
    },
    {
      "label": "Visit 6",
      "state": "Complete"
    },
    {
      "label": "Visit 7",
      "state": "Next visit"
    },
    {
      "label": "Visit 8",
      "state": "Reward"
    }
  ],
  "reward_note": "One more visit and your coffee is free.",
  "terms": "One stamp per drink.",
  "action": "Show this card in store",
  "footer": "Ask at the till to link your phone."
}

For developers

Make this file from your code or your AI tools.

Save your copy once, then send the new details with each request. Each finished file costs 1 credit.

API request
curl https://thirds.ai/v1/image \
  -H "Authorization: Bearer $THIRDS_API_KEY" \
  -H "Content-Type: application/json" \
  -H "Idempotency-Key: loyalty-card-1" \
  -d '{"template_id":"tpl_your_copy","version":1,"data":{"brand":"Harbour Coffee","programme":"Brew points","customer_name":"Maya Singh","reward":"A free coffee","stamps":[{"label":"Visit 1","state":"Complete"},{"label":"Visit 2","state":"Complete"},{"label":"Visit 3","state":"Complete"},{"label":"Visit 4","state":"Complete"},{"label":"Visit 5","state":"Complete"},{"label":"Visit 6","state":"Complete"},{"label":"Visit 7","state":"Next visit"},{"label":"Visit 8","state":"Reward"}],"reward_note":"One more visit and your coffee is free.","terms":"One stamp per drink.","action":"Show this card in store","footer":"Ask at the till to link your phone."},"image":{"format":"png","width":1080,"height":1080}}'
MCP call
{
  "jsonrpc": "2.0",
  "id": 1,
  "method": "tools/call",
  "params": {
    "name": "render",
    "arguments": {
      "output": "png",
      "idempotency_key": "loyalty-card-1",
      "request": {
        "template_id": "tpl_your_copy",
        "version": 1,
        "data": {
          "brand": "Harbour Coffee",
          "programme": "Brew points",
          "customer_name": "Maya Singh",
          "reward": "A free coffee",
          "stamps": [
            {
              "label": "Visit 1",
              "state": "Complete"
            },
            {
              "label": "Visit 2",
              "state": "Complete"
            },
            {
              "label": "Visit 3",
              "state": "Complete"
            },
            {
              "label": "Visit 4",
              "state": "Complete"
            },
            {
              "label": "Visit 5",
              "state": "Complete"
            },
            {
              "label": "Visit 6",
              "state": "Complete"
            },
            {
              "label": "Visit 7",
              "state": "Next visit"
            },
            {
              "label": "Visit 8",
              "state": "Reward"
            }
          ],
          "reward_note": "One more visit and your coffee is free.",
          "terms": "One stamp per drink.",
          "action": "Show this card in store",
          "footer": "Ask at the till to link your phone."
        },
        "image": {
          "width": 1080,
          "height": 1080
        }
      }
    }
  }
}

Make this design yours.

Open it in the editor, change anything you like, and keep it with your own templates. Your first 50 credits each month are free.