You can customise all of the colours within your app to match your brand. With the Hype Burst Dashboard, you have complete freedom in customising colour that will change the end look of your fitness app.

In the image below, you are able to see 3 different fitness apps, with 3 different looks.

To read the article on the full overview of the Colour Customisation, click here.

What are the action buttons?

The action buttons perform actions. For example, in the reference image above, you can see the Plans page. These are all action buttons. By clicking on one plan, it leads the user to the Dashboard where they can see their progress and start a Workout within the Plan they selected.

Action Button Text

The 'Action Text' is the main title of what is being listed. In the reference picture above, the 'Action Text' is the Plan name. This is the main text. The subtext is giving more clarification to the main text. It is guiding.

Action Button Subtext

The 'Action Subtext' is the text supporting the 'Action Text'. In the reference picture above, the subtext is '6 Week - Strength & HIIT Plan'. It is giving more clarification to the Plan that is selected.

Action Button Background

When there is an 'Action', it is shown in boxes. This is the colour that is behind the text.

You can find 'Action Buttons' in other parts of the fitness app as well. You are able to see a different example in the reference picture below. This shows the Nutrition page within the fitness app. When clicking on the 'Action Text' a drop down menu will appear showing a list of foods you can choose from.

Difference between 'Action' and 'List'

In the reference image above, you can see where the 'Action' button is and where the 'List' buttons are. By pressing the 'Action' button, the user will begin their workout. The 'List' is showing the exercises that are in the workout.

To read the guide on customising the 'List' button colours, click here.

Steps in customising your app with colours

Step 1: Click the "App" section in the menu on your Dashboard

Step 2: Click to edit your app

Step 3: Click the "Colour Customisation" section in the menu

Step 4: Select your Action Button colours

Scroll down to where you find 'Action Button Background', 'Action Button Text', and 'Action Button Subtext' and enter in the HEX codes you want to use. You can also choose from the colour palette.

BONUS TIP: HAVE YOUR COLOUR PALETTE IN MIND BEFOREHAND TO MAKE THE PROCESS FASTER.

Step 5: Click "Update App" in the bottom right corner of the page

Once you have entered in the colours you want to use, you can click 'Update App'. Please note you can go back and edit the colours at any time.

You are able to preview how the colours will look in your app. Read the guide about testing your app here: XYZ.

How to get started?

Log into your dashboard at https://account.hype-burst.com/admin/login and go through the steps in customising your Action Buttons.