Branding the app logo

Upload a custom logo for your downloadable Breakroom desktop application, and create a cohesive brand experience for your users.

Some Breakroom subscription plans include the option to upload a custom app logo. This custom app logo will replace the default application icon that appears on your users' computers once they install your Breakroom client.

An example of the default Breakroom icon on a user's computer desktop.

Owners who purchase a qualifying subscription plan can upload a custom app logo and change it at any time by using the World Dashboard. To do so, simply follow the steps outlined below.

If you already have a custom app logo uploaded to your account, you will see a thumbnail of that image displayed below the "App logo" field.

  1. Click on the "World Customization" tab.

  2. Scroll down to the section titled "Branding."

  3. Click the "Browse" button beside the "App logo" field, which will prompt you to select the proper image file on your computer.

  4. Locate that file and click on it. Then click "Open."

  5. Your image will be uploaded. Please bear in mind that larger images may take longer to upload. Once your image is uploaded, you will see a green confirmation checkmark appear beneath the "App logo" field.

  6. Scroll to the bottom of the page and click the "Save Changes" button.

Breakroom supports JPG and PNG images. The recommended dimensions for an app logo are 256x256, or a 1:1 ratio, with a maximum file size of 5MB.

Custom app logo best practices

App logos are very small images -- only 256x256 pixels. Depending on where your users install the Breakroom client and what type of equipment they're using, your app logo may not even be displayed at full size. For these reasons, it's important to follow some best practice tips when creating your custom app logo.

  1. Opt to go text-free when 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.

Logo examples.

Let's compare some example app 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.

The same logo examples at 32x32, a standard size for icon display on most computers.

Here are the same logos reduced to 32x32 pixels, mimicking what users may see when they're 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.