Skip to main content

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.

A
Written by Amr Alshareef
Updated yesterday

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 SVG or PNG with transparency at 1024×1024 px.

    2. App Icon Name: 40 character limit.

    3. App Loading Screen: Use high-quality SVG or 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/ for color inspiration.

  • Unsure of what your branding hex codes are? Use a hex code picker.

Did this answer your question?