Skip to main content

elumo Wallet Pass Branding

J
Written by James Shannon
Updated over a week ago

elumo wallet passes may be customised to match your company's brand by providing the following visual assets in their respective file formats and dimensions.

Note that an elumo logo will be included on all passes in the bottom right corner to indicate compatibility with the elumo platform.

Apple Wallet Passes

Note: each visual asset must be provided in the multiple dimensions indicated in order to support different devices (e.g. iPhone, Watch, etc.)

Pass logo

The pass logo is used to identify the pass in the Apple Wallet stack. The pass identifier appears in the upper left corner of the pass as another layer on top of the pass background.

Format: PNG with transparent background. Logo colour must contrast with the pass background. Note: position your logo within the overall canvas to control the size of the logo relative to the pass.

Dimensions:

@3x (iPhone): 1372 x 283 pixels

@2x (earlier iPhone): 684 x 140 pixels

@2x (Watch): 360 x 74 pixels

Pass background

The pass background is an image or solid colour that appears below the pass logo and other Front-of-Pass data or assets.

Format: PNG or hex code (e.g. #7026b2, if providing a background colour to use with a PNG or in place of an image). Must have adequate colour contrast with other pass elements.

Dimensions:

@3x (iPhone): 1536 x 969 pixels

@2x (earlier iPhone): 764 x 480 pixels

@2x (Watch): 512 x 323 pixels

Label Colour

The colour of the text to be overlaid on the pass (i.e. user's name).

Format: hex code (e.g. #FFFFFF)

Icon

The icon is a smaller version of the logo that appears in the upper left-hand corner of push notifications.

Format: PNG with transparent background. Must be square.

Dimensions:

@3x: 200 x 200 pixels

@2x: 100 x 100 pixels

Thumbnail

The thumbnail is displayed in the Add to Wallet screen and should combine the above assets into a single preview of the final pass.

Format: PNG

Dimensions: 1536 x 969 pixels

Google Wallet Passes

Background colour

The background colour of the pass.

Format: hex code (e.g. #7026b2)

Hero image

An image used for the bottom half of the pass when viewed in the wallet.

Format: PNG

Dimensions: 1536 x 403 pixels

Icon

The icon overlaid top left of the pass.

Format: PNG

Dimensions: 283 x 283 pixels

Did this answer your question?