📱App Icon & Splash Screen

Replace the default Bravo app icon and splash screen with your custom design.

For a published app, in order to update the app icon or Splash screen it's required to get a new build (AAB for Android and IPA for iOS) and send an update to the stores.

👉 The Tag

These tags allow to create a custom app icon and splash screen, replacing the default Bravo ones.

📍 Where to add the tag: A top-level app page.

App Icon

[asset:icon]

The thumbnail image for your Bravo project and the home screen icon for your final app.

Should be added in a 1024x1024px app screen.

Splash Screen

🏷️ How to add the tag: App Icon

1. In the same design file of your app design, create a 1024x1024px app page with your app icon design.

2. Paste the tag into the layer name of the top-level app page.

3. When you import this file into Bravo (or update your app project), you will see the app icon as the thumbnail of your app project in Bravo Studio and Bravo Vision.

4. The app icon will be included in your app packages that you install or publish.

Make sure you only create one app icon in your design file.

🏷️ How to add the tag: Splash Screen

1. In the same design file of your app design, create an app page with your splash screen design. You do not need a container.

The screen size for your splash screen should be the "default" screen size (i.e one full screen).

2. Paste the tag into the layer name of the top-level app page.

3. The splash screen will be included in your published app. In Bravo Vision, you'll always see the default Bravo splash screen.

Make sure you only create one splash screen in your design file.

💾 Example files

Duplicate the files below to see how to set it up!

https://www.figma.com/community/file/832996906819389496www.figma.com