๐Ÿ“ฑ
App Icon & Splash Screen
Replace the default Bravo app icon and splash screen with your custom design.

๐Ÿ‘‰ The Tag

These tags allow to create a custom app icon and splash screen, replacing the default Bravo ones.
App Icon
Splash Screen
1
[asset:icon]
Copied!
The thumbnail image for your Bravo project and the home screen icon for your final app.
๐Ÿ“ Where to add the tag: a 1024x1024px top-level app page.
1
[asset:splash]
Copied!
The launch screen that displays while your app loads at first open. This will replace the default Bravo splash screen in your app bundles.
This screen does not show in Bravo Vision.
๐Ÿ“ Where to add the tag: a top-level app page.

๐Ÿท๏ธ 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 app packages. (You wonโ€™t see it in Bravo Studio or Bravo Vision)
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!
Bravo Sample: App Store Assets Kit
Figma
Last modified 1mo ago