Profile Portal Assets

Profile Portal is configured to match your brand during onboarding, and again whenever you update your branding. This page lists the image assets Omneo needs from you, with recommended dimensions, formats, and file names, so your design team can prepare a complete set in one pass. See Configuring Profile Portal for how these assets fit into setup.

Provide these assets to your Omneo account manager. Self-serve asset upload is not yet available.

Before you start

Provide logos as vector files (SVG) where possible, or at minimum a 2x resolution PNG.
Use transparent backgrounds for icons and logos, and JPG for photographic backgrounds and banners.
Label each file by its purpose (for example “card background”) rather than only its dimensions, so Omneo can confirm it matches the right slot.
Provide the actual pixel dimensions of each file. A print-ready source file (for example an InDesign file) is not usable directly and needs a web-ready export.

Asset checklist

resources/
├── favicon/
│   ├── icon-16x16.png
│   ├── icon-32x32.png
│   ├── icon-64x64.png
│   └── icon-128x128.png
├── profile-portal/
│   ├── brand-logo.svg
│   ├── profile-card-logo.png
│   ├── profile-card.jpg
│   ├── profile-banner-desktop.jpg
│   └── profile-banner-mobile.jpg
├── wallet/
│   ├── apple/
│   │   ├── apple-icon.png / apple-icon@2x.png / apple-icon@3x.png
│   │   ├── apple-logo.png / apple-logo@2x.png / apple-logo@3x.png
│   │   └── apple-banner.png / apple-banner@2x.png / apple-banner@3x.png
│   └── google/
│       ├── google-logo@4x.png
│       └── google-banner@2x.png
└── optional/
    ├── email-logo.png
    ├── email-banner.jpg
    └── receipt-example.png

That is 20 required files, plus the optional ones listed under optional/ (see Optional assets). The following sections cover each group in detail. If the same file is reused for more than one purpose (for example the Google Wallet logo also used as the Profile Portal card logo, or the same logo used for both the brand logo and the email logo), provide one file and state which purposes it covers, rather than duplicating it under multiple names.

Favicon

Used for the browser tab icon, and when a customer adds Profile Portal to their home screen or bookmarks.

File	Dimensions	Format
`icon-16x16.png`	16x16	PNG, transparent background
`icon-32x32.png`	32x32	PNG, transparent background
`icon-64x64.png`	64x64	PNG, transparent background
`icon-128x128.png`	128x128	PNG, transparent background

Profile Portal

File	Purpose	Dimensions	Format
`brand-logo.svg`	Header logo, shared by desktop and mobile	127px wide, height scales proportionally	SVG or transparent PNG
`profile-card-logo.png`	Logo shown on the digital loyalty card	264px wide, height scales proportionally	PNG, transparent background
`profile-card.jpg`	Background of the digital loyalty card	680x480	JPG
`profile-banner-desktop.jpg`	Desktop page background	1500x1700	JPG
`profile-banner-mobile.jpg`	Mobile page background	750x376	JPG

Apple Wallet card

Apple requires three resolution tiers (1x, 2x, 3x) for each image. Provide all three, otherwise Apple upscales the closest available version and the result looks blurred on higher-resolution devices.

File	Purpose	Dimensions
`apple-icon.png`	Icon shown on the lock screen and in notifications	29x29
`apple-icon@2x.png`	Same icon at 2x	58x58
`apple-icon@3x.png`	Same icon at 3x	87x87
`apple-logo.png`	Small logo in the card’s top corner	Recommended 260x60, adjust to match your logo’s aspect ratio
`apple-logo@2x.png`	Same logo at 2x	2x of `apple-logo.png`
`apple-logo@3x.png`	Same logo at 3x	3x of `apple-logo.png`
`apple-banner.png`	Banner image across the top of the card	343x132
`apple-banner@2x.png`	Same banner at 2x	686x264
`apple-banner@3x.png`	Same banner at 3x	1029x396

All Apple Wallet images are PNG. Icons and logos need a transparent background. The icon and banner dimensions are fixed by Apple. The logo dimensions are a reference only. Actual width and height depend on your brand logo’s aspect ratio, and can vary by tenant.

Google Wallet card

File	Purpose	Dimensions	Format
`google-logo@4x.png`	Square logo shown on the card	Minimum 660x660, 1:1 aspect ratio	PNG
`google-banner@2x.png`	Banner image across the top of the card	1032x812, roughly 5:4 aspect ratio	PNG preferred

Google Wallet masks the logo into a circle. Keep the logo on a square, full-bleed background with roughly 15% margin on each side so nothing gets cut off by the circular mask. Use a transparent PNG for the banner if you want the card’s background colour to show through.

Optional assets

Provide these only if the corresponding feature is enabled for your tenant.

File	Purpose	When it’s needed
Email logo	Shown at the top of the magic link email customers receive to access their profile	Email-based magic link authentication is enabled
Email banner	Shown at the top of the magic link email, roughly 3:1	Same as above
Receipt example image	Shown in the Claim Transaction flow	Claim Transaction is enabled

For how Apple Wallet and Google Wallet passes work end to end, see Omneo Wallet (Omneo Pass).

Omneo Insights

CX Manager

Clienteling

Profile Portal

Invites

Profile Portal Assets

Before you start

Asset checklist

Favicon

Profile Portal

Apple Wallet card

Google Wallet card

Optional assets

​Before you start

​Asset checklist

​Favicon

​Profile Portal

​Apple Wallet card

​Google Wallet card

​Optional assets

Before you start

Asset checklist

Favicon

Profile Portal

Apple Wallet card

Google Wallet card

Optional assets