You are here:
Customize Salesforce Mobile App Branding
Change the Salesforce mobile app’s appearance, including the loading page background color, loading page logo, and header background color, so the app matches your company’s branding.
Required Editions
| Setup for the Salesforce mobile app available in: both Salesforce Classic and Lightning Experience |
| Setup available in Salesforce Classic in: all editions except Database.com |
| Setup available in Lightning Experience in: Group, Professional, Enterprise, Performance, Unlimited, and Developer Editions |
Images that you upload to customize the Salesforce mobile app are stored in a Documents folder named Salesforce Branding Resources. For this reason, the Documents object must be enabled for your organization before administrators can view and modify the Salesforce mobile app branding page. (The Documents tab doesn’t need to be visible, however.)
For users to see custom branding, they must have “Read” user permissions on Documents.
| User Permissions Needed | |
|---|---|
| To view Salesforce mobile app branding settings: | View Setup and Configuration |
| To modify Salesforce mobile app branding settings: | Customize Application Modify All Data |
From Setup, enter Branding in the Quick Find box,
then select Salesforce Branding, then click Edit.
To customize brand color for key user interface elements, including the header, click 
or enter a valid hexadecimal color code. To customize the background color of
the loading page, click or enter a
valid hexadecimal color code. To customize the loading page logo, click Choose
File to upload an image. Images can be .jpg, .gif, or .png files up to 200 KB. The
maximum image size is 460 pixels by 560 pixels. Click Save.
You can customize:
| Element | Description |
|---|---|
| Brand Color | The color for key user interface elements such as the header, buttons, and search bar. Based on the brand color you select, contrasting colors for user interface elements such as borders for the navigation menu, the notifications list, and button text are automatically defined. The headers on overlays, popups, and dialogs—such as edit and create windows or windows that open from actions in the action bar—aren’t affected by this setting. These headers are always white, to provide a visual indicator that the user is performing an action as opposed to simply viewing information. |
| Loading Page Color | The background color on the loading page that appears after a mobile user logs in. |
| Loading Page Logo | The image on the loading page that appears after a mobile user logs in. We recommend using an image with the largest dimensions allowable for best results. Maximum image size is 460 pixels by 560 pixels. |
Consider the following tips when customizing the branding of the Salesforce mobile app:
- When creating your logo image, be sure to compress it. In many image editing programs, this process is identified as “use compression,” “optimize image,” “save for web,” or “shrink for the web.”
- Verify that your logo appears correctly in Salesforce mobile app, using the same devices as your user base, not just a desktop monitor. Your image can render at different scales or proportions depending on the screen size and pixel density of each device.
- The Salesforce mobile app supports .png, .gif, and .jpg image formats for custom branding elements, but we recommend using .png for the best results.
- These interface elements can’t be customized:
- The Salesforce mobile app icon that appears on the mobile device’s home screen.
- The initial loading screen when launching Salesforce for iOS. This loading screen appears before the user is prompted by the login page.
- Your mobile users must close the app and then log in again to see any custom branding changes.
- When a user switches between two orgs that have custom branded loading pages, they see the loading page for the previous org until the branding for the new org is available.
You can also customize the branding for the Salesforce moible app login page.
