Branding Brightcove Beacon Apps

In this topic, you will learn how you can use your logo, color palette and imagery to brand your Brightcove Beacon apps.

Introduction

Brightcove Beacon enables you to brand your apps in numerous ways. This document specifies how you can, and cannot, customize your apps.

Logos and icons

Your logo is used in the app. Following are requirements and suggestions for the logo:

  • Delivered logo images need to be in .SVG (Scalable Vector Graphics) or .Ai (Adobe Illustrator file) format.
  • Brightcove recommends horizontal orientation logos for better readability in your apps.

Brightcove Beacon does not support custom icons in the apps for:

  • Landing buttons
  • Details buttons
  • Player controls
  • Settings buttons
  • etc.

The default icons shown on the mockups are used.

Further usage information:

logos

Color palette

You supply two colors, a primary and secondary. The following are details about the color palette:

  • The primary color is for the background color of the app. It is suggested to be a dark color.
  • The secondary color is for focus/hover/highlighted UI elements.
  • The dark background and light color for focus/hover/highlighted UI elements ensures the UX will work on all devices.
  • Brightcove Beacon only supports solid colors. Please provide the colors in hexadecimal code.
  • White is NOT supported as a background color.

Further information:

color palette

Imagery

Imagery includes photos, illustrations and artwork. The following details imagery use:

  • Brightcove Beacon only supports custom background images on Splash screen.
  • Custom images can be added to replace the placeholders images for the layout's content, but this should be avoided to ensure the design delivery is on time and mockups sign-offs are not delayed.
  • If custom content images need to be added to the mockups, Brightcove needs a minimum of 25 images with exact 1920x1080px size.
  • Brightcove Beacon does not support custom placeholder avatar images for user profiles.
  • App launcher icons/images will be based on the provided logo and app background color.

Typography

Typography includes font styles, sizes and spacing. Brightcove Beacon currently supports Noto Sans typeface (for RTL supported languages). It is not possible to change font sizes, weight/style or spacing. Nor is it possible to add custom fonts.

Customization examples

Here are some examples of Beacon app designs from customers.

Beacon desing for Mobile platform

mobil

Beacon desing for Web platform

web

Beacon desing for Smart TV/Roku platforms

smarttv

Beacon desing for Apple TV platform

appletv

Further examples:

Branding 1 Branding 2 Branding 3