Customize your App with Logos and Icons to reflect the values and visual identity of your brand. This guide will walk you through the steps to style the look of your App.  

• Before you start: install the preview App 
• Before you start: familiarize yourself with formats and prepare your icons
• Adding Logos and Icons to your App 
• App icon
• Top bar logo 
• Launch screen logo 
• Paywall image 
• Placeholder image 

→ Related articles: what is the dimension of the graphical resources? 

Before you start: install the preview App

Before you begin making changes, install the Audiorista Preview App to test your styling options before the App goes live. It will avoid surprises later on. The App is free and available on the App Store. You can install it with only a few clicks. 

→ Go to article: Preview your App

Before you start: familiarize yourself with formats and prepare your icons

If you have all your Logos and Icons ready, you can skip this section. If you are new, we recommend you take a few moments to: 

• Take note of the pictures you will need
• Familiarize yourself with file formats and picture sizes. You can check all the details here → what is the dimension of the graphical resources?
• Prepare the Logos and Icons and save them somewhere on your computer 

These steps will save you time during the customization process later on. 

Adding Logos and Icons to your App 

1. From the Audiorista Dashboard, on the main menu to the left, select Apps
2. Then click on Branding from the top menu

3. You will land in the branding editor, where you will be able to customize your App

→ Related articles: brand your App with colors

App icon 

The App icon is the icon that will show on the main screen of your end user’s phone, among all their other Apps. 

1. Click on Choose file in the App icon section and browse your computer to find your picture of choice 

2. Save changes

3. The icon will show like this

Top bar logo

After the login, your end user will see the home screen. Here you can add your logo at the top. 

1. Click on Choose file in the Top bar logo section and browse your computer to find your picture of choice 
2. Save changes

3. The icon will show like this

Launch screen logo

This logo will be shown when the App is launched. 

1. Click on Choose file in the Launch screen logo section and browse your computer to find your picture of choice 
2. Save changes

3. The icon will show like this

Paywall image

This image will appear every time there is a paywall screen. For example, when your end users have to create an account and choose a payment option. 

1. Click on Choose file in the Paywall image section and browse your computer to find your picture of choice 
2. Save changes

3. An example of how the image will show in the App

Placeholder image

This image appears on more dynamic pages, for example, the Download page, when there are no Tracks to visualize yet. The new items on the list will then replace the placeholder image. 

1. Click on Choose file in the Placeholder image section and browse your computer to find your picture of choice
2. Save changes

3. An example of how the image will show in the App