Brand the BuddyBoss App and make it YOURS
The BuddyBoss App comes with lots of customization options and flexibility so you can easily customize your mobile app to match with your branding. This is where you get to make your new mobile app look and feel like it was made for YOUR online community, courses or membership program.
How to add branding images and icons in BuddyBoss App
In this tutorial, you will learn how to brand your BuddyBoss App with custom images, logos and app icons. We go through the admin options, and a demo in both iOS and Android at the end of the video.
Do you have questions about branding images and icons? Click here to send a support request.
How to configure colors in BuddyBoss App
In this tutorial, you will learn how to create a custom color scheme for BuddyBoss App. You can set your own colors throughout the app experience.
Do you have questions about branding images and icons? Click here to send a support request.
How to add Custom Fonts in BuddyBoss App
In this tutorial, you will learn how to import fonts from Google Fonts to customize the typography in BuddyBoss App. You can import multiple fonts and set their font scaling for the device.
Do you have questions about branding images and icons? Click here to send a support request.
How to add Custom Icons to the Tab Bar in BuddyBoss App
In this tutorial, you will learn how to add your own custom icons into the Tab Bar and More Screen. You can add colorful icons, or add outlined/vector icons and color-match them with the rest of the menu icons.
Do you have questions about custom icons and the tab bar? Click here to send a support request.
App Rebranding Graphic Assets Guidelines
With the BuddyBoss App you also have the ability to customize your mobile app’s icon, splash or launch screen, and your login screen right from your WordPress admin. Please use the following guidelines when creating your mobile app's graphic assets. This will ensure they fit perfectly with the mobile app and will help ensure they meet the app store guidelines.
Standard Android and iOS App Icon

App icons display on your device’s home screen, and for iOS will be used in the App Store. For Android, you will upload a separate icon for the Google Play Store while publishing.

In modern versions of Android, this app icon will display with a white margin around it, which may not look nice depending on your icon style. Make sure to also add an Android Adaptive Icon to be used in modern versions of Android.

For best practices when designing your app icons, see these guidelines. For best results, upload both images sized at 1024 x 1024 pixels. iOS icon should be opaque and Android icon can include transparency.

Click here to download the standard app icon safe zone overlay.
App Icon
Safe Zone
Specifications
File Format
PNG (32-bit)
Dimensions
1,024px x 1,024px
Safe Zone
682px x 682px
Color
sRGB
Adaptive App Icon for Android

Android versions from 2017 and newer require adaptive icons for the best experience. These icons can display in a variety of shapes (customizable by the user on their device) and allow for animated parallax effects in some devices.

The icons require an opaque background layer, with a partially transparent foreground layer. Your logo should be in the foreground later. For more information, see these Android guidelines.

For best results, upload both images sized at 1024 x 1024 pixels. The inner 683 px will be visible, with a 170 px outer margin reserved for parallax effects (depending on icon shape). Background icon should be opaque, and foreground icon should include transparency.

Click here to download the adaptive app icon safe zone overlay.
Background
Foreground
Specifications
File Format
PNG (32-bit)
Dimensions
1,024px x 1,024px
Safe Zone
683px x 683px
Color
sRGB
Launch/Splash Screen

The launch screen appears instantly when your app starts up and is quickly replaced with the app’s login screen. It is a temporary graphic while your app initializes. For more information, see these Apple guidelines.

For best results, upload image sized at 2732 x 2732 pixels.

Click here to download the launch screen safe zone overlay.
Full Splash Screen
Safe Zone
Specifications
File Format
PNG (32-bit)
Dimensions
2,732px x 2,732px
Safe Zone
1,200px x 2,732px
Color
sRGB
Login Screen

The login screen can optionally include a logo and background image. If no background image is added, it will display the Login and Signup Screen background color.

For best results, upload a logo with max dimensions of 200 x 150 pixels, and a background image sized at 2732 x 2732 pixels.

Click here to download the login screen safe zone overlay.
Login Background
Login Logo
Specifications
File Format
PNG (32-bit)
Dimensions
2,732px x 2,732px
Safe Zone
Min. 200px x 150px
Color
sRGB
Profile photo of
Not recently active

To speak to our Agency consultant, fill in the form found at our Contact Page.

Get Started