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)
File Format	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)
File Format	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)
File Format	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.