---
title: How to update the global design to match your branding
description: Customize your app’s icon, loading screens, fonts, and color themes to align with your brand.
---

[Skip to content](https://help.buildfire.com/how-to-update-the-global-design-to-match-your-branding#main-content)

[![buildfire](https://help.buildfire.com/hs-fs/hubfs/bf-wordmark-black.png?width=150&height=35&name=bf-wordmark-black.png)](https://help.buildfire.com?hsLang=en-us)

Open main navigation

Close main navigation

- [Log In](https://app.buildfire.com/login)

[Log In](https://app.buildfire.com/login)

 How can we help you?

- There are no suggestions because the search field is empty.

1. [Buildfire Help Docs](https://help.buildfire.com/?hsLang=en-us)
2. [Build Your App](https://help.buildfire.com/build-your-app?hsLang=en-us)
3. [Global Settings](https://help.buildfire.com/build-your-app?hsLang=en-us#global-settings)

# How to update the global design to match your branding

## Customize your app’s icon, loading screens, fonts, and color themes to align with your brand.

Use the Branding Page in the Control Panel to upload your app icon, loading screens, fonts, and color themes. Keeping these elements updated ensures your app matches your brand across both the previewer and live versions.

---

### **Must Know:**

- Do not select a preset theme after you have applied your own branding changes, otherwise it will be overwritten.

---

### **How to update the global design to match your branding:**

1. Log in, go to Design in the left navigation
2. Under the Design Tab edit your assets

     1. App Icons: Use high-quality PNG with transparency at 1024×1024 px
     2. App Icon Name: 40 character limit
     3. App Loading Screen: Use high-quality PNG with transparency at 1242 px. x 2208 px
     4. Toggle on or off if you want the content hidden while switching apps
3. Select your Fonts and Colours

     1. Font: Choose from drop down or click + New Font and upload your font file
     2. Colors: Click each color tile to add your hex code - must include the #
     3. Select which status bar color you’d like: white content or black content

---

### **Resources**

- Don’t have your brand colours? Try a tool like [https://coolors.co/](https://coolors.co/) for color inspiration.
- Unsure of what your branding hex codes are? Use a hex code picker.

- [Buildfire Control Panel](https://help.buildfire.com/buildfire-control-panel?hsLang=en-us#main-content)

    - [Navigating the Control Panel](https://help.buildfire.com/buildfire-control-panel?hsLang=en-us#navigating-the-control-panel)
    - [Global Tools](https://help.buildfire.com/buildfire-control-panel?hsLang=en-us#global-tools)
    - [Terms & Policies](https://help.buildfire.com/buildfire-control-panel?hsLang=en-us#terms-policies)
- [Build Your App](https://help.buildfire.com/build-your-app?hsLang=en-us#main-content)

    - [Global Settings](https://help.buildfire.com/build-your-app?hsLang=en-us#global-settings)
    - [Building Your App's Navigation](https://help.buildfire.com/build-your-app?hsLang=en-us#building-your-apps-navigation)
    - [Building Your Login Flow](https://help.buildfire.com/build-your-app?hsLang=en-us#building-your-login-flow)
    - [Building a PWA](https://help.buildfire.com/build-your-app?hsLang=en-us#building-a-pwa)
- [Add Functionality To Your App](https://help.buildfire.com/add-functionality-to-your-app?hsLang=en-us#main-content)

    - [Plugins to drive engagement & community](https://help.buildfire.com/add-functionality-to-your-app?hsLang=en-us#plugins-to-drive-engagement-community)
    - [Plugins to drive monetization](https://help.buildfire.com/add-functionality-to-your-app?hsLang=en-us#plugins-to-drive-monetization)
    - [Plugins to run operations & workflows](https://help.buildfire.com/add-functionality-to-your-app?hsLang=en-us#plugins-to-run-operations-workflows)
    - [Plugins to show content & media](https://help.buildfire.com/add-functionality-to-your-app?hsLang=en-us#plugins-to-show-content-media)
- [Make Money With Your App](https://help.buildfire.com/make-money-with-your-app?hsLang=en-us#main-content)

    - [Overview](https://help.buildfire.com/make-money-with-your-app?hsLang=en-us#overview)
    - [Apple/iOS](https://help.buildfire.com/make-money-with-your-app?hsLang=en-us#apple-ios)
    - [Google/Android](https://help.buildfire.com/make-money-with-your-app?hsLang=en-us#google-android)
- [Publish Your App](https://help.buildfire.com/publish-your-app?hsLang=en-us#main-content)

    - [Overview](https://help.buildfire.com/publish-your-app?hsLang=en-us#overview)
    - [Apple/iOS](https://help.buildfire.com/publish-your-app?hsLang=en-us#apple-ios)
    - [Google/Android](https://help.buildfire.com/publish-your-app?hsLang=en-us#google-android)
- [Manage Your App](https://help.buildfire.com/manage-your-app?hsLang=en-us#main-content)

    - [Managing Your App’s Users](https://help.buildfire.com/manage-your-app?hsLang=en-us#managing-your-apps-users)
    - [Push Notifications](https://help.buildfire.com/manage-your-app?hsLang=en-us#push-notifications)
    - [Analytics](https://help.buildfire.com/manage-your-app?hsLang=en-us#analytics)
- [Connect External Partners](https://help.buildfire.com/connect-external-partners?hsLang=en-us#main-content)

    - [Google/Android](https://help.buildfire.com/connect-external-partners?hsLang=en-us#google-android)
    - [Apple/iOS](https://help.buildfire.com/connect-external-partners?hsLang=en-us#apple-ios)
    - [Zapier](https://help.buildfire.com/connect-external-partners?hsLang=en-us#zapier)
    - [Meta](https://help.buildfire.com/connect-external-partners?hsLang=en-us#meta)
    - [Segment](https://help.buildfire.com/connect-external-partners?hsLang=en-us#segment)

[![Group 4578 (1)](https://help.buildfire.com/hs-fs/hubfs/Group%204578%20(1).png?width=140&height=33&name=Group%204578%20(1).png "Group 4578 (1)")](https://buildfire.com/)

Copyright © 2026, Buildfire