Branding the app logo
Upload a custom logo for your downloadable Breakroom desktop application, and create a cohesive brand experience for your users.
Overview
All Breakroom subscription plans include the option to upload a custom application logo. This custom logo will replace the default application icon that appears on your users' computers once they install your Breakroom client. It will also replace the default favicon in the World Stream browser tab.
Customizing the app logo
![](https://docs.breakroom.tech/~gitbook/image?url=https%3A%2F%2F350466644-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252F-MKXIrgKzVHU49Aksq0r%252Fuploads%252FbfqvhwZ9Xaq0mW3NmdJx%252Forangereleasecustom11.png%3Falt%3Dmedia%26token%3D4fbeb28d-810a-4422-a7fe-1a4d519235ca&width=768&dpr=4&quality=100&sign=4a298ea5&sv=1)
To upload a custom app logo/favicon, follow the steps outlined below.
Navigate to your Dashboard.
Click on the World Customization tab.
Click on the Basic Information tab.
Click the Browse link located beside the Branding > Application logo panel. This will launch a standard file import window on your computer.
Locate the image file you want to use as your login screen and click on it. Then click the Open button.
Once your image is uploaded, you will see it appear as a thumbnail.
Click the Save Changes button.
Breakroom supports JPG, JPEG 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.
Opt to go text-free when you can. Small letters and dense text will not be visible to most users.
Pick something bold and attention-grabbing. Your company logo or your company's first initial is a great place to start.
Pick contrasting colors. A hot pink logo on a tropical orange background may be difficult for users to see.
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.
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.
Last updated