Image guidelines

How to select the ideal images to customize the rewards launcher/button and panel branding

Maggie avatar
Written by Maggie
Updated over a week ago

Introduction

Adding your own imagery into your rewards program solidifies the strength of your brand and makes a seamless experience across your site.


Overview

All of these images can be added and changed in your Branding or Programs sections.

βœ… This feature is only available on a Smile paid plan.


Banner image

Recommended size: 1080 px x 600 px

File type: .PNG or .JPEG

πŸ“‹ Note: Image files with a transparent background are not supported.

πŸ“ Pro Tip: For the best customer experience, make sure your banner image sharply contrasts with the text that appears in this header area.

Brand icon

Recommended size: 108 px x 108 px

File type: .PNG or .JPEG

πŸ“‹ Note: Image files for icons should have a transparent background.

πŸ“ Pro Tip: If your banner image is dark, use a reversed version of your logo to make your icon stand out.

Launcher icon

Recommended size: 108 px x 108 px

File type: .PNG

πŸ“‹ Note: Image files for icons should have a transparent background.

πŸ“ Pro Tip: Adding a brand icon and your brand color to your launcher will make it easier for you to promote your rewards program on your homepage.

Earning, Spending and VIP icons

Recommended size: 108 px x 108 px

File type: .PNG

πŸ“‹ Note: Image files for icons should have a transparent background.

πŸ“ Pro Tip: Design all of your program’s icons using your brand colors to keep your program consistent with the rest of your website.


What's next?

Customize points program icons
​
​Learn more

Did this answer your question?