LogoLogo
Tutorial VideosScripting DocumentationLegalHome
Breakroom
Breakroom
  • Welcome to Breakroom
  • GETTING STARTED
    • Helpful terms
    • UI tour
    • Keyboard shortcuts
    • Customizing your avatar
      • Choosing a starter avatar
      • Editing avatars in the Outfit window
      • Using the Sine Wave Shop
    • Controlling your avatar
    • Controlling your camera
    • Communicating with other users
    • Using the conference system
      • Troubleshooting audio and video issues
    • Using Breakroom for Training
    • Settings
    • Language and accessibility
    • Reporting issues
  • EXPLORING BREAKROOM
    • Region navigation tools
    • Bookmarks and teleport invites
    • Using the Explore window
    • Using the Meetings window
    • Networking with other users
      • People
      • Groups
    • Snapshots
  • BUILDING NEW WORLDS
    • Breakroom Dashboard tour
    • Creating and managing Regions
    • Default Landing and Orientation Regions
    • Region settings
    • Region template descriptions
  • CREATING CUSTOM EXPERIENCES
    • Branding tools
    • UI customization options
    • Filtering the Sine Wave Shop
    • Selecting default avatars
      • Default avatar collections
    • Using the Region Editor
      • Editing and moving objects
      • Editing terrain and sky
      • The Region Editor ADVANCED window
    • Exploring the Breakroom Toolkit
      • Breakroom Video Player
      • Breakroom Web Browser
      • Breakroom Image Viewer
      • Breakroom Info Kiosk
      • Breakroom Teleport Portal
      • Breakroom Web Collab
      • Breakroom Note Board
      • Breakroom Games
      • Breakroom Reactives
      • Breakroom Orientation Quest
      • Breakroom Tour Cameras
      • Conference rooms and booths
      • Add-on seats
      • Breakroom Start Here UI
      • Breakroom Basic Emojis
      • Breakroom 360° Video Player
    • Managing your Media Library
  • OPENING THE DOORS
    • Seats and concurrency
    • Creating and managing user accounts
      • World-level user permissions
      • Region-level user permissions
      • Single sign-on
      • Eventbrite integration
    • World Stream
      • Purchasing and managing World Credits
      • Pre-allocation campaigns
      • World Stream viewer toolbars
      • World Stream keyboard shortcuts
      • Troubleshooting World Stream issues on Chrome
      • Troubleshooting World Stream issues on macOS
    • Desktop viewers
    • Privacy Policies, EULAs, and data collection
    • Analytics
    • Toggling World availability
  • RUNNING YOUR EVENT
    • Understanding the conference system
      • Voice zones, zone types, and conference permissions
      • Voice chat and spatial audio
    • Customizing the conference system components
      • Adding breakout areas
      • Creating custom voice zones
      • Setting up Presenter and Audience zones
      • Designating triage zones
      • Troubleshooting duplicate zone errors
      • The RoomFurniture component
    • Setting up Breakroom for Training courses
    • Moderator tools
      • Broadcast messages
      • Crowd management
      • Audience questions
      • Raised hands
      • Presentation controls
      • Hidden UI toggle
      • Participation
      • Audio streams
  • TIPS FOR SUCCESS
    • Region Editor best practices
    • Onboarding new users
  • ADVANCED TUTORIALS
    • Uploading your own Region
      • Installing Unity and the Breakroom SDK
      • Reducing poly counts on CAD files
      • Uploading a Region from Unity to Breakroom
      • Creating and uploading custom chairs
      • Testing items on the preview server
      • Pushing items to the live server
      • Installing the conference system components
    • Uploading your own virtual objects
    • Uploading your own virtual clothing
    • Creating and copying avatar shapes
    • Installing the Quest System
    • Registration and grid APIs
    • Video streaming
    • Sinespace scripting documentation
  • HELP
    • Where to find support
    • Tutorial video playlists
      • Platform basics
      • Dashboard
      • Moderator tools
      • Breakroom Games
      • Creator Core
      • Breakroom for Training - Students
      • Breakroom for Training - Instructors
      • Breakroom for Training - Dashboard and Backend
    • Account management
    • System requirements
    • Troubleshooting network ports and firewalls
  • RELEASE NOTES
    • Breakroom SDK
    • Breakroom Viewer
    • Breakroom Dashboard
Powered by GitBook

©2008-2024 Sine Wave Entertainment Ltd. All Rights Reserved.

On this page
  • Overview
  • Uploading a custom login screen
  • Branding the application logo or favicon
  • Application logo best practices
  • Branding the installer image
Export as PDF
  1. CREATING CUSTOM EXPERIENCES

Branding tools

Customize your Breakroom World's login screen, application logo, and viewer installer image to create a polished, professional, and user-friendly experience.

PreviousRegion template descriptionsNextUI customization options

Last updated 10 months ago

Overview

As part of building a unique Breakroom World, and 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 that appears when users access , and the application icon and installer image for the Breakroom .

Uploading a custom login screen

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

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

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

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

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

  5. Click the Save Changes button.

Breakroom supports JPG, JPEG, and PNG images. The recommended dimensions for a login splash screen are 1920x1080, or a 16:9 ratio, with a maximum file size of 5MB.

Branding the application logo or favicon

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

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

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

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

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

  5. Click the Save Changes button.

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

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. Click on the World Customization > Basic Information tab. Scroll down to the "Branding" panel.

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

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

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

  5. Click the Save Changes button.

Install images must be in PNG format. The recommended dimensions for an install image are 163x314, with a maximum file size of 5MB.

Navigate to your .

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 browser tab.

Navigate to your .

Navigate to your .

Dashboard
World Stream
Dashboard
Dashboard
World Owners
World Administrators
favicon
World Stream
desktop viewers
Pictured: A custom login screen for an event in Breakroom.
Pictured: The Dashboard > World Customization > Basic Information tab, "Branding" panel.
Pictured: Several application icons in the Windows taskbar.
Pictured: The desktop app installation dialog box.