The Management Dashboard allows you to customize the visual appearance of your platform and add personalized branding. This includes uploading logos, setting background images, and choosing colors that reflect your organization's identity. 

Branding settings are completely optional. You can leave the application exactly as it is—no branding or custom design is required for the platform to work. However, branding is strongly recommended because it builds trust and recognition among users.

In the following video, we explain who can change branding and appearance and how it works.

Who Can Configure Branding?

Admins: Can configure organization-wide branding that applies across the entire platform. Here is an article on how to assign Roles.

Managers: Managers can configure the branding and appearance for the specific networks they oversee.

☝️If you do not see the “Settings” option in the left sidebar of the Management Dashboard, your role is set to Manager rather than Admin. You can check your roles and permissions in the Roles & Permissions article. If your platform is part of a regional connected ridematching system your permissions may differ. Get in touch with your customer success manager or submit a support request if you have questions.

How Admins Access Branding Settings

1. Log in to the Management Dashboard
2. Click Settings in the left sidebar (if you are not an Admin, you will not see this option)
3. Click Branding

Hero Image 

The hero image appears on the main page of the user-facing app. It's typically used for your organization's logo, but any image works.

How to Add a Hero Image:

1. Provide an image URL in the text field, OR upload an image from your computer

File Requirements:

• Allowed formats: JPG, PNG, JPEG
• Maximum file size: 500 KB
• Recommended dimensions: 785 × 200 px

How to Preview:

1. Click the Preview button in the upper right corner
2. A new window opens showing how your image will look
3. Toggle between desktop view (screen icon) and mobile view (phone icon)
4. Check both views to ensure your image looks good on all devices

You can also use the Proxy as a User function to preview how your branding appears to users.

How to Save:

1. Once you're satisfied with the preview, click Save
2. Changes apply organization-wide immediately

How to Remove the Hero Image:

1. Click the Remove button under to the image
2. Click Save

How to Replace the Hero Image:

1. Upload a new image or enter a new URL (this will overwrite the existing image)
2. Preview your changes
3. Click Save

Background Image

The background image is displayed as a repeating pattern in the user-facing app.

How to Add a Background Image:

1. Upload an image or provide an image URL

File Requirements:

• Maximum file size: 500 KB (larger files will not upload)

How to Preview:

1. Click the Preview button in the upper right corner
2. Toggle between desktop and mobile views
3. Check how the pattern repeats on both screen sizes

How to Save:

1. Click Save to apply changes 

How to Change or Remove the Background Image:

1. To change: Upload a new image or enter a new URL
2. To remove: Click the Remove button
3. Click Save

Background Color

The background color can be set using HEX codes (e.g., #FFFFFF for white). We recommend using lighter colors to preserve the readability of headings and text.

How to Set a Background Color:

1. Enter a HEX code in the color field, OR click the color picker to select a color visually

How to Preview:

1. Click the Preview button in the upper right corner
2. Toggle between desktop and mobile views
3. Check that text remains readable with your chosen color

How to Save:

1. Click Save to apply your changes

How to Reset to Default (White):

1. Enter #FFFFFF in the color field, OR click the Reset Color button 
2. Click Save

☝️Background color can be used with or without images. If you use both a background image and a background color, the latter will be only visible, if the image is semitransparent.

How Managers Access Network Branding

1. In the Management Dashboard, click Users in the left sidebar
2. Select Networks
3. Search for and select the network you want to customize
4. Open the Overview tab
5. Scroll down to the Branding section

Primary Capable Networks

What is a Primary Capable Network?

A Primary Capable network can be selected by users as their Primary Network. The Primary Network determines the branding users see when they use the app. You can read more about Networks here. 

Example: For organisations operating across multiple regions, each area can be configured as a separate network. When a user selects their regional network as the Primary Network, the application will then display that specific network's custom branding.

☝️ If you switch off the "Primary Capable" setting for a network, it is no longer possible to select branding for that network. The branding options will become unavailable.

Network Branding Options

Managers can customize the following for their networks:

• Logo
• Hero image
• Background image
• Background color

How to Configure Network Branding:

1. In the Branding section of the network's Overview tab, upload or configure your branding elements

File Requirements:

• File size limits: 500 KB maximum
• Allowed formats: JPG, PNG, JPEG
• Recommended dimensions for hero image: 785 × 200 px

How to Preview:

1. Click the Preview button in the upper right corner
2. Toggle between desktop and mobile views
3. Check that your branding looks good on all devices

How to Save:

1. Click Save to apply changes to this network

☝️ Network-level branding only affects users who have selected that network as their Primary Network.

If you have questions or run into issues while setting up your branding, our support team is here to help.