๐Ÿท๏ธ

App icon & splash screen

What does it do?

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

image

The Tags

App icon

[asset:icon]

  • Which layer can I put it on: A 1024x1024px top-level app page

Splash screen

[asset:splash]

  • Which layer can I put it on: A top-level app page

How do I set up the app icon in the design tool?

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

  3. Paste the tag into the layer name of the top-level app page.
  4. image

  5. 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.
  6. image
  7. 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 do I set up the splash screen in the design file?

  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.
  2. ๐Ÿ’ก

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

    image

  3. Paste the tag into the layer name of the top-level app page.
  4. image
  5. 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.

๐Ÿ’พ Resources

๐Ÿ‘‰ Sample Figma file

Happy Bravorizing! ๐Ÿฅณ