Branding
You can apply your company’s branding to many of the elements in the Salesforce mobile app. Whether you choose to brand the Salesforce mobile app for Android or for iOS, we got you covered on what you need to know.
Common Branding Components for Android and IOS
App Name: Name under the app icon on the device; max 12 characters
App Help URL: A URL with help information for your app. Your users can access this link from the bottom of your app’s Navigation Menu. If you leave this field blank, it defaults to the standard Salesforce Help URL.
Domain URL: The default set of domains to log in to are production and sandbox. If you don’t add an extra domain, production is the default domain. URL must begin with https://.
Domain Label: English onlyA-Z, a-z, 0–9Special characters: underscore (_), dash (-), period (.), and space ( )Max 20 characters
Beta Tester First Name: First name of beta tester.
Beta Tester Last Name: Family name of beta tester.
Beta Tester Email: Email address of beta tester. Your beta tester receives an email when the beta version of your app is ready to test.
App Header Color: The background color for the header of the app. Color format is 6 HEX digits. Must start with #. See the Examples section for images.
App Loading Screen Color: The background color for the loading screen of the app. Color format is 6 HEX digits. Must start with #.
Images
All must be in PNG Format
Loading Screen Images:690 x 840 pixels460 x 560 pixels230 x 280 pixels – Image with the logo on the loading screen. 32-bit transparent PNG. See the Examples section for images.
Branding Components for IOS
App Store Default Language: The default language to display for your listing on the app stor
App Store Name: The App Store name must include the app name. Max 30 characters
To brand your Salesforce app for iOS, provide these elements for your Mobile Publisher project.
- Screenshots captured by the Publisher Playground App. Don’t use a mobile browser for screenshots because it can lead to your app being rejected by Apple. See Playground App for iOS
- Images and screenshots can’t include Alpha channels or transparencies. To remove the Alpha channel on a Mac device, use the Preview app to duplicate the image, deselect the Alpha option, and save the image.
| FIELD | DESCRIPTION |
|---|---|
| App Store Default Language | The default language to display for your listing on the App Store. |
| App Store Name | The App Store name must include the app name. Choose a name that isn’t too similar to existing app names. Max 30 characters. |
| App Store Description | The description for your app’s listing on the App Store. The best descriptions are concise, informative, and highlight the main features of your app. Max 4,000 characters. |
| App Store Keywords | Keywords to make your app are easy to find in search results. Max 100 characters total. Separate each keyword with a comma. |
| App Store Subtitle | A one-line summary of your app that displays under your app name throughout the App Store in iOS 11 and later. Max 30 characters. |
| App Store Promotional Text | Informs your users of current features. The text appears at the top of the app description in the App Store. Max 170 characters. |
| App Store Support URL | A URL with support information for your app. It appears on the App Store listing. If you leave this field blank, it defaults to the standard Salesforce Support URL. |
| App Store Marketing URL | A URL with marketing information for your app. It appears on the App Store listing. If you leave this field blank, it defaults to the standard Salesforce Marketing URL. |
| Icons | |
| App Store Icon:1024 x 1024 pixels | The App Store icon appears in your app’s listing on the App Store. Use the same design as your mobile device icons. |
| Mobile Device Icons:180 x 180 pixels167 x 167 pixels152 x 152 pixels120 x 120 pixels87 x 87 pixels80 x 80 pixels76 x 76 pixels60 x 60 pixels58 x 58 pixels40 x 40 pixels29 x 29 pixels20 x 20 pixels | The mobile device icons appear on the mobile device itself. Use the same design as your App Store icon.Flattened PNG formatSquare icon cornersNo transparency or alpha channelMinimum 72 DPI resolutionRGB color space |
| Salesforce Connected App | |
| Name | The name appears when your users log in to your app for the first time. If possible, use the same name as your App Store name. 5–40 characters. English only. |
| Icon:128 x 128 pixels | The connected app icon appears when your users log in to your app for the first time. Use the same design as your app icons. The corners of the icon aren’t rounded automatically. Apply rounded corners to the icon manually. PNG format and max 100 KB. |
| App Store Screenshots | |
| iPhone 6.7” Screenshots:1290 x 2796 pixels | Use screenshots of your app’s user experience. Don’t use screenshots of your logo or loading screen.Upload screenshots as they are, with no modifications. The rounded corners are automatically applied after the screenshots are upload.If you add text descriptions to your screenshots, keep text away from the corners to avoid cropping.Leave the home indicator in the screenshot, if it’s visible.Avoid placing screenshots within a hardware device image.The order of screenshots in the App Store listing reflects the order of the screenshots in the Mobile Publisher iOS Setup page.Requirements:6.7 inch (17.01 cm) display screenshotsFlattened PNG formatNo transparency or alpha channelMinimum 72 DPI resolutionRGB color spaceMax five screenshotsRefer to Submit your iOS apps to the App Store. |
| iPhone 6.5” Screenshots:1242 x 2688 pixels | Use screenshots of your app’s user experience. Don’t use screenshots of your logo or loading screen.Upload screenshots as they are, with no modifications. The rounded corners are automatically applied after the screenshots are upload.If you add text descriptions to your screenshots, keep text away from the corners to avoid cropping.Leave the home indicator in the screenshot, if it’s visible.Avoid placing screenshots within a hardware device image.The order of screenshots in the App Store listing reflects the order of the screenshots in the Mobile Publisher iOS Setup page.Requirements:6.5 inch (16.5 cm) display screenshotsFlattened PNG formatNo transparency or alpha channelMinimum 72 DPI resolutionRGB color spaceMax five screenshotsRefer to Submit your iOS apps to the App Store. |
| iPhone 5.5” Screenshots:1242 x 2208 pixels | Requirements:5.5 inch (13.97 cm) display screenshotsFlattened PNG formatNo transparency or alpha channelMinimum 72 DPIRGB color spaceMax five screenshots |
| iPad Screenshots:Portrait: 2048 x 2732 pixelsLandscape: 2732 x 2048 pixels | One size screenshot for all versions of the iPad.Requirements:12.9 inch (32.77 cm) display screenshotsFlattened PNG formatNo transparency or alpha channelMinimum 72 DPIRGB color spaceMax five screenshots |
| Country Availability | |
| Country Availability | Select the countries where you want your app to be available. Default is all countries. |
Examples
Branding for Android
| FIELD | DESCRIPTION |
|---|---|
| Product Details | |
| Google Play Default Language | The default language to display for your listing on the Google Play Store. |
| Google Play Title | A specific name that isn’t too similar to existing app names on the Google Play Store. Max 30 characters. |
| Google Play Long Description | This description is for your listing on the Google Play Store. The best descriptions are concise, informative, and highlight main features of your app. Max 4,000 characters. |
| Google Play Short Description | A quick description of your app on the Play Store app. The quick description expands to your app’s full description. Max 80 characters. |
| Icons | |
| Google Play Store Icon:512 x 512 pixels | The Google Play Store icon shows up in your listing on the Google Play Store. It should have the same design as your mobile device icons. Max 1,024 KB. 32-bit PNG with alpha channel for transparency. |
| Mobile Device Icons:192 x 192 pixels144 x 144 pixels96 x 96 pixels72 x 72 pixels48 x 48 pixels36 x 36 pixels | The mobile device icons show up on the mobile device itself. It should have the same design as your Google Play Store Icon. The corners of the icon aren’t rounded automatically. If you want, apply rounded corners to the icon manually. 32-bit PNG with alpha channel for transparency. |
| Mobile Device Icons – Round:192 x 192 pixels144 x 144 pixels96 x 96 pixels72 x 72 pixels48 x 48 pixels36 x 36 pixels | For devices running Android 7.1 or later. If you don’t provide these icons, devices running Android 7.1 or later displays the icons you’ve uploaded in the “Mobile Device Icons” section. 32-bit PNG with alpha channel for transparency. |
| Push Notification Icons:48 x 48 pixels36 x 36 pixels24 x 24 pixels | Push notification icons display in several areas on an Android mobile device. Notifications provide short, timely, and relevant information about your app when it’s not in use, and the icon you upload is visible next to those notifications.Requirements:32-bit PNG with alpha channel for transparencyWhite icon on top of a transparent background |
| Salesforce Connected App | |
| Name | The name displays when your users log in to your app for the first time. If possible, the name should be the same as your app store name. 5–40 characters. English only. |
| Icon:128 x 128 pixels | The connected app icon shows up when your users log in to your app for the first time. It should have the same design as your app icons. The corners of the icon aren’t rounded automatically. Apply rounded corners to the icon manually. PNG format and max 100 KB. |
| Google Play Screenshots | |
| Screenshot | Screenshots show up on your Google Play Store listing. The order of screenshots is the same in the store listing. 24-bit PNG (no alpha). 2–8 screenshots. Minimum 320 pixels. Maximum 3,840 pixels. The maximum dimension of your screenshot can’t be more than twice as long as the minimum dimension. TIP If you don’t have access to your branded app to take screenshots, use the Publisher Playground app.Avoid using a mobile browser for screenshots, as it can lead to your app being rejected. |
| Google Play Feature Graphic | |
| Feature Graphic:1024 x 500 pixels | Feature graphic is required to be featured anywhere within Google Play. The feature graphic shows up at the top of your store listing in the Play Store app. 24-bit PNG (no alpha). |
| Google Play Promo Video | |
| Promo Video URL | The promo video lets users know about current features of your app.Use an individual video’s YouTube URL, and not a YouTube playlist or channel URLDon’t use an age-restricted videoUse the full YouTube URL instead of a shortened URL. For example, use https://www.youtube.com/watch?v=yourvideoid instead of https://youtu.be/yourvideoidFor full accessibility, add closed captions and descriptive audio to your video |
| Country Availability | |
| Country Availability | Choose the countries where you want your app to be available. Default is all countries. |
*Example
