Branding tools

Overview

As part of building a unique Breakroom World, World Owners and World Administrators can upload custom graphics to create a cohesive brand experience for end users. This includes the splash screen users see when they log in, the favicon that appears when users access World Stream, and the application icon and installer image for the Breakroom desktop viewers.

Uploading a custom login screen

To upload a custom login screen image, follow these steps.

1. Navigate to your Dashboard.

2. Click on the World Customization > Basic Information tab. Scroll down to the "Branding" panel.

3. Click the Browse link located underneath the Branding > World Background image panel. This will launch a standard file import window on your computer.

4. Locate the image file you want to use as your login screen and click on it. Then click the Open button.

5. Once your image is uploaded, you will see it appear as a thumbnail.

6. Click the Save Changes button.

Branding the application logo or favicon

Your custom application logo will replace the default application icon when users install your Breakroom desktop app. It will also replace the default favicon in the World Stream browser tab.

To upload a custom app logo or favicon, follow these steps.

1. Navigate to your Dashboard.

2. Click on the World Customization > Basic Information tab. Scroll down to the "Branding" panel.

3. Click the Browse link located underneath the Branding > Application logo panel. This will launch a standard file import window on your computer.

4. Locate the image file you want to use as your login screen and click on it. Then click the Open button.

5. Once your image is uploaded, you will see it appear as a thumbnail.

6. Click the Save Changes button.

Application logo best practices

Application logos are very small images—only 256x256 pixels. Depending on the device, your logo may not even be displayed at full size. For these reasons, it's important to follow some best practice tips when creating your application logo.

1. Go text-free if you can. Small letters and dense text will not be visible to most users.

2. Pick something bold and attention-grabbing. Your company logo or your company's first initial is a great place to start.

3. Pick contrasting colors. A hot pink logo on a tropical orange background may be difficult for users to see.

Let's compare these example logos from two fictional companies—Best World and Happy Water. Here we can see that the logo for Best World (left) features small text and an even smaller image. There's also a lot of empty space, and the pink text almost disappears into the red background. Meanwhile, the Happy Water logo (right) is bold and welcoming, with colors that stand out from one another.

Here are the same logos reduced to 32x32 pixels, mimicking what users may see when running your Breakroom app in their system tray. You can see how the Best World logo is unreadable, while the Happy Water logo is still recognizable.

Branding the installer image

Users will see your custom installer image when they download your desktop app and install it on their computers.

To upload a custom installer image, follow these steps.

1. Navigate to your Dashboard.

2. Click on the World Customization > Basic Information tab. Scroll down to the "Branding" panel.

3. Click the Browse link located underneath the Branding > Installer image panel. This will launch a standard file import window on your computer.

4. Locate the image file you want to use as your login screen and click on it. Then click the Open button.

5. Once your image is uploaded, you will see it appear as a thumbnail.

6. Click the Save Changes button.