Add your brand logos, images and colors

Maintain brand consistency by adding your logos, images and color palettes to your ROLLER venue settings. Consistent brand and appearance settings are important because they create a cohesive and memorable identity for your guests.

Adding your brand logo, images and colors to Venue Manager makes sure that your guest-facing ROLLER products and features match your brand, such as email templates, printed and digital tickets, checkouts and more! 

In this guide, we’ll walk through how you can set the default guest-facing design assets, including logos, background images and colors. You can then preview what these look like from the actual feature's configuration page in Venue Manager. 

Logo image design tips

To ensure optimal visibility and compatibility across all ROLLER guest-facing pages, consider the following recommendations when preparing your files:

• Use a transparent PNG format for logos.
• Avoid using a white logo or header image with pages that have white backgrounds.

Read on for more specific guidelines for each image type.

Brand assets

You can add your default brand assets and colors to your venue settings in Venue Manager. These brand assets include your default logo and background image.

• From Venue Manager, go to Settings > Design > Brand & appearance.
• Then upload your image files at the recommended file size and dimensions to the right place.

Default logo

The default logo is used in the following places:

• Email templates (including invoice email)
• PDF tickets
• Waiver kiosk
• Digital wallet memberships and passes
• Progressive checkouts

You may find that the default logo does not display well in the above applications because of the background color or page orientation. For example, a white logo will not be very visible on a white background, or a tall logo will not fit very well in a letterbox-shaped space.

Use a transparent PNG and crop the logo to a maximum width of 640 pixels, otherwise your logo may appear cropped when viewed on mobile devices. It doesn't matter what the height of the logo is, as that will be dictated by the dimensions of the logo.

Need to know

• Image should be 640 pixels wide
• Acceptable file formats: JPG and PNG
• Must be less than 1 MB

Select Upload file and then select the logo file from your computer. Finally, select Save (or Discard to remove changes).

Email template default logo example

To preview the default logo set up here for email templates, from Venue Manager, go to Settings > Design > Email templates. Select a template from the list to preview.

Background image

The background image is used for:

• Progressive checkouts
• Online waivers
• Custom forms 

Need to know

• When viewed on a desktop computer, the image you upload will stretch to fill the window, so use an image that is the same aspect ratio as a desktop screen.
• The best size to use is 1920 x 1080 pixels.

Select Upload file and then select the image file from your computer. Finally, select Save (or Discard to remove changes).

Online waiver background image example

To preview the background image set up here, go to Documents > Waiver details. Select Get waivers link in the top right of the waiver settings page and paste in a new browser tab to preview. 

Here's an example of what it looks like. You can also override the default background image in its settings.

Header logo

The header logo is no longer used in ROLLER.

Color palette

The following applications can use the colors you set here:

• Email templates when Use venue colors in the email templates style tab settings is enabled
• Waiver kiosk
• Digital wallet memberships and passes
• Legacy checkouts

Need to know

• You can apply two colors to ROLLER products, a primary and a secondary color.
• The primary color is used mainly for headings and accents while the secondary color is reserved for links, buttons and other interactive elements.
• If you want to only use a single color, enter the same value in both inputs as one cannot be left blank.
• Colors must be entered as HEX values. If you're unsure what HEX values to use, you can use this resource to generate a HEX code by uploading an image.

To add your color palette:

1. Highlight the HEX code and type in the new code for your primary and secondary brand colors.
2. Click Revert to default to change the color codes back to ROLLER's default colors.
3. Select Save (or Discard to remove changes).

Application images

You can also set up other application images as the default here. 

Checkout header

The checkout header is used in the following places:

• Payment request links and invoices online payment form (normally used when taking bookings over the phone in Venue Manager)
• Online waivers
• Shared custom forms by URL
• Legacy checkout header

Need to know

• Images should be 640 x 134 pixels
• Acceptable file formats: JPG and PNG
• Must be less than 1 MB

Select Upload file and then select the logo file from your computer. Finally, select Save (or Discard to remove changes).

Example payment request or invoice payment form header image
 

To preview the payment request or invoice payment form, you'll need to go through the process of creating a booking in Venue Manager. Payment request links or invoices are used when taking payment for bookings over the phone in Venue Manager.

Here's an example of what it looks like.

Invoice logo

This image is displayed on any PDF invoice downloads that you can send from a booking you've created in Venue Manager. 

Need to know

• Logos should be 300 x 100 pixels
• Acceptable file formats: JPG and PNG
• Must be less than 1 MB

Example invoice logo on downloaded PDF

To preview the invoice logo you'll need to go through the process of creating a booking in Venue Manager.

Here's an example of what it looks like.