Card designer

Design a loyalty card that looks like your café

The card sits in your customer's wallet next to their bank cards and their boarding passes. It should look like it came from your café, not from a software company — which means your colours, your mark, your stamp, and a photo of your own counter if you want one.

Forty stamp icons

A cup, a slice, a scissors, a car. Pick the one that matches what you sell, not a generic star.

Your colours and logo

Presets to start from, or set the exact hex values from your brand guidelines.

A photo behind the stamps

Your counter, your beans, your shopfront — dimmed automatically so the stamps stay readable.

Legibility checked, not assumed

Contrast is measured as you design. A combination that cannot be read is corrected rather than shipped.

Brew House
Coffee Club
7 / 10
3 more → Free coffee
Shaheer#48291

What you can change

The background colour, the accent, the text colour, the stamp icon and the overall style — solid, gradient, outline or mono. Your logo sits on the card where you have uploaded one. You can also put a photograph behind the stamps, which is what makes a card look like a place rather than a product. Every change shows in a live preview of the actual card, not an approximation of it.

Why the design is checked for contrast

Brand palettes are chosen for signage and packaging, in good light on white paper. On a phone at arm's length in a queue they behave differently, and a mid-grey stamp on a mid-grey background simply disappears. The designer measures the contrast between your chosen colours and substitutes a readable text colour where yours would fail. You keep your brand; your customers keep being able to read their card.

Photos, and the dimming nobody thinks about

A photograph behind the stamps looks excellent and makes them harder to see, which is a problem most loyalty products solve by ignoring it. The photo you upload is measured and dimmed by however much it actually needs — a bright shot behind pale stamps needs far more knocking back than a dark one, and applying the same veil to both either washes out the dark photo or leaves the bright one unreadable. It is cropped toward the busiest part of the image, so the subject survives being cut to a wide strip.

The same design everywhere

What you design is what goes into Apple Wallet, into Google Wallet, and onto the web card for anyone whose phone does neither. The stamp layout in the preview is the layout on the pass, down to how many stamps sit on each row — a preview that lies about the finished card is worse than no preview.

Changing it later

Designs are not frozen at issue. Change the colours or the photo and existing cards pick it up: an Apple pass refreshes and a Google card mirrors the server. Nobody has to re-add anything, which means you can put a seasonal photo on the card in December and take it off in January.

Common questions

Can I use my exact brand colours?
Yes, by hex value. Where a combination would be unreadable the text colour is adjusted to something that works — your background and accent stay exactly as you set them.
What size should the photo be?
Landscape, around a thousand pixels wide, PNG, JPEG or WebP up to 4MB. The strip is roughly two and a half times wider than it is tall, so portrait photographs of people rarely survive the crop.
Will changing the design affect cards already in wallets?
They update to the new design automatically. There is nothing to reissue and no need to ask customers to add the card again.

Keep reading

Put your loyalty card in your customers’ pockets

Publish a branded card in about five minutes. 14-day free trial, cancel any time.