The Multi-Reward Card Designer is a free tool that generates the background image needed for stamp cards with multiple rewards. Instead of manually designing the image in a graphics editor, this tool positions your reward milestones exactly where the stamps sit on your card — so everything lines up perfectly when uploaded.

Access the designer at design.perkstar.co.uk

Note: This tool is desktop only and does not work on mobile devices. If you open it on a mobile device, you'll see a message asking you to switch to a desktop.

A standard stamp card has one reward at the end (e.g., 10 stamps = free coffee). A multi-reward card has several rewards along the way — for example, a 10-stamp card might give rewards at stamps 3, 6, and 10.

The challenge is that multi-reward cards don't automatically show what each reward is on the card itself. You need a custom background image that visually shows each reward at the correct stamp position. That's what this tool creates for you.

Open the designer and find the Card Setup panel on the left. Use the - and + buttons or type directly into the number field to set how many stamps your card has (1 to 30).

The stamp grid in the preview updates automatically to show the correct layout. The designer uses the exact same stamp positions as your Perkstar card:

When a row has fewer stamps than the one above (e.g., a 9-stamp card has 5 in the top row and 4 in the bottom), the shorter row is automatically centred.

In the Set Milestones panel, you'll see a visual grid of all your stamps. Click any stamp to toggle it as a reward milestone. Milestone stamps turn red with a star icon, and the count updates (e.g., "3 milestones set").

Click a milestone stamp again to remove it. You can set as many or as few milestones as you like.

Tip: Common setups include rewards at every 3rd stamp (3,6,9), at the halfway point and end (5,10), or at thirds (4,8,12).

The Customize Design panel has several sections. The defaults work well, but every element is customisable.

These are the non-milestone stamp positions — the placeholder circles that show where stamps will go.

This controls how your reward milestones look. Changes here apply to all milestones by default.

If you have 2 or more milestones, an additional section appears that lets you customise each milestone individually. For example, stamp 3 could say "SNACK" with a cookie icon, while stamp 10 says "FREE" with a gift icon.

To reset a milestone back to the defaults, expand it and click Reset to defaults.

The Preview & Export panel on the right shows a live preview of your card background. Every change you make updates the preview instantly.

When you're happy with the design, click Download Card Kit. This downloads a ZIP file called perkstar-multi-reward-card.zip containing:

Below the download button, you'll also see the Multi Rewards value (e.g., 5,10) — this is the exact value you'll need to enter in your card settings.

The designer includes over 130 icons organised into 10 categories:

The ZIP file includes a detailed setup guide, but here's a summary. For the full walkthrough, see How to set up a stamp card with multiple rewards.

Navigate to Cards, select your stamp card, and go to the Design tab. Find Background under stamps and upload card-background.png.

In the same Design tab, find Inactive stamp image and upload inactive-stamp.png. This makes unearned stamp positions invisible so your reward roadmap shows through.

Choose an icon from the dropdown or upload your own image for the active stamp. This is what appears when a customer earns a stamp — use something bold and visible.

In the Colors section, set both Stamp Background and Outline Color to #0000 (transparent).

Important: Without this step, your background image will be hidden behind the default stamp colours and your milestones won't be visible.

Go to the Information tab, find Multi rewards, and enter your milestone stamp numbers separated by commas with no spaces. Use the exact value shown in the designer (e.g., 3,6,10).

In the Information tab, enable Terms of use and list what each milestone reward gives the customer. For example:

Important: The front of the card only shows "Available rewards: 1" — it doesn't display the reward name. The Terms of Use is the only place customers can see what each reward actually is.

Check the card preview to make sure everything looks right, then save your changes.

The most common reason is that the stamp background and outline colours haven't been set to transparent. Go to your card's Design tab, find the Colors section, and set both Stamp Background and Outline Color to #0000.

No. The designer is desktop only. If you open it on a mobile device, you'll see a message asking you to switch to a desktop.

When a customer hasn't yet earned a stamp, the card shows an "inactive" stamp at that position. By uploading the transparent inactive stamp, those positions become invisible — so your reward roadmap background shows through instead of grey placeholder circles.

The card front shows "Available rewards: 1" but doesn't display the actual reward name. To tell customers what each reward is, use clear labels in your background design (e.g., "GIFT", "FREE", "20% OFF") and list each reward in your card's Terms of Use in the Information tab.

Yes. After setting your default milestone design, scroll down to the Per-Milestone Overrides section. Click on any milestone to expand it and change its label text, icon, or fill colour independently. Click Reset to defaults to undo changes on any individual milestone.

Yes. In the Background section under Customize Design, click Upload image to use your own background. The stamp circles and milestones will be drawn on top of your uploaded image.

Three shapes: circle (standard round, default), badge (scalloped/wavy edge like an award seal), and square (rounded square). All three support icons, text, and custom colours.

Adjust the Font Size slider in the Milestone Design section (8px to 28px). Text also scales automatically based on stamp size — cards with more stamps have smaller circles, so text adapts accordingly. Keep milestone labels short (1–2 words) for best results.

Background images scale to cover the entire 1125 x 432 canvas while maintaining their aspect ratio. If your image has a different ratio, some edges may be cropped. For best results, use a landscape image with roughly a 2.6:1 width-to-height ratio.

No. The Multi-Reward Card Designer is specifically designed for stamp cards with visual stamp positions. Points and cashback cards don't use stamp grids.

The designer doesn't have an undo button, but you can easily fix any mistake by changing the setting directly — the preview updates instantly. Click a milestone again to remove it, use the colour presets to quickly reset colours, or click Reset to defaults on any per-milestone override. Refresh the page to start completely from scratch.

The background image is just one layer of the final card. On the actual Perkstar card, active stamps (earned) appear on top of the positions you designed, inactive stamps should be transparent so your background shows through, and the card may also show a header, logo, and other elements above the stamp area.

If you're having trouble with the designer or setting up your card, email support@perkstar.co.uk and we'll walk you through it.