Skip to content
Maska
Esc
navigateopen⌘Jpreview
On this page

Card design

The four grounds, the four accents, matte or metallic, your brand mark and the stamp glyph, previewed exactly as guests will see the card.

Card design is the one screen that decides what your loyalty card looks like in every guest’s wallet. A live preview sits on the left, the controls on the right, and one button publishes.

There is no draft on the server. What you see in the preview is what guests get the moment you press Publish card design.

The line beside the button says where you stand:

Line What it means
Live in every wallet · published … The card on screen is the card guests have.
Unpublished changes You have moved something and not published it yet.
Never published · guests see the default card Nobody has opened this screen. Guests hold the house card.

If your role can read the programme but not change it, every control goes quiet and a line says so.

Card colour

Four grounds, each a gradient rather than a flat fill so the card catches light at one corner:

Ground What it is
Char The house card. Near-black, warm.
Forest Deep green.
Terracotta Burnt orange-red.
Cream The one light card. It carries a hairline edge.

The last swatch in the row is a hex field, not a separate section. Type a full six-digit hex and the field paints itself in that colour and takes the selection ring. A custom colour beats the swatch underneath it, so the preview follows the field until you clear it or press a swatch, which clears the field.

A half-typed hex is an incomplete choice, not a wrong one: nothing is flagged and the swatch keeps painting until the value is a real colour.

Accent

Four accents, in the same shape, with their own hex field:

Butter, Honey, Sage and Chilli.

The accent is not decoration. It fills every earned stamp, it draws the ring around the stamp a guest is one visit away from, and it is the tile behind a monogram.

Finish

Metallic finish lays a brushed metal sheen over whichever colour you chose, preset or custom. It is a finish, not a fifth colour, so it composes with all of them. The default is matte.

The switch’s own note reads: “A brushed metal sheen over your card colour. Saved with the design and published to every wallet.”

Brand mark

Three choices, as one row:

  • Wordmark. Your brand name, set in the card’s own ink.
  • Monogram. Your first letter in an accent tile, with the name beside it.
  • Logo. Your own art, which signs the card in place of both.

Selecting Logo with nothing uploaded opens the file picker. Uploading art makes it the mark, whatever was selected underneath; picking Wordmark or Monogram while art is present removes the art, because that is the only way the mark can actually render.

A logo has to be a PNG, JPEG, WebP or SVG, and under 512 KB once encoded. Anything else is refused on the spot with the reason. A typeface logo or monogram on a transparent back reads best, because the card behind it is usually dark.

Stamp glyph

Six line icons: coffee, cookie, leaf, cone, utensils and a plain check.

Under them, eight food emoji. Picking one replaces the icon entirely, so no icon reads as selected while an emoji is set. Tap the selected emoji again to go back to a line icon.

An earned stamp is drawn in the accent; an unearned one is a faint ring, with the emoji greyed.

What the preview shows

The preview is the real card, painted from the same values the wallet paints from, at the real size:

  • Your brand mark, and under it the locality line (COFFEE · HYDERABAD) built from the category and city you set in Settings. Leave both blank and the line is absent rather than empty.
  • A PREVIEW pill, which is the one thing on the card guests never see.
  • The stamp row, at your real card length. Up to eight stamps sit on one line; a longer card splits into two balanced rows.
  • A sample guest, their progress (6 / 8 · 2 to go) and TAP TO OPEN.

How many stamps the card holds is set on Programme rules, not here. This screen dresses the card; that one decides how it earns.

The readability nudge

If a colour pairing is genuinely hard to read, a warning appears under the preview headed Hard to read on a phone, naming which parts are at risk: the brand and guest names, the progress line, or the stamp icons.

It does not block you. The line ends “You can still publish.” It is a nudge for the case where a guest is squinting at a phone in daylight, not a rule.

Before there is a card

If your loyalty card has not been created yet, this screen says No loyalty card to design yet and sends you to Programme rules to set it up first.

Was this page helpful?