# Create new app

```{topic} In this tutorial you will:
- Create a new app by logging into Anvil and starting a new project.
- Choosing a theme between Material Design and Material Design 3.
- Change the app’s name and logo.
- Select a colour scheme by using pre-set options or custom HTML color codes.
```

Now that we have planned our app, it is time to create. First you need to log into **<a href="https://anvil.works/build" target="_blank">Anvil</a>**.

You will be presented with a choice between **Create a new app** and **...or start from a template**. We want to create a new app.

![step 1](./assets/img/04/step_01.png)

## Choose Theme

You will then be asked to choose a theme. These tutorials will be using Material Design, but you can use Material Design 3 since they are structurally the same. Check the examples below to decide (don't worry about the colours, you can change them latter).

![step 2](./assets/img/04/step_02.png)

### Material Design example

![material design](./assets/img/04/material.png)

### Material Design 3 example

![material design 3](./assets/img/04/material_3.png)

Once you have chosen your template, you will be taken to the Anvil interface. We'll explore the interface in the next tutorial. Before we do, we are just going to adjust a few things on our new app.

## Rename App

First we will rename the app. To do this go to settings by clicking the cog icon in the left hand side menu.

![step 3](./assets/img/04/step_03.png)

Fill out the details is steps 1-3 below and then click on the **Change image** button.

![step 4](./assets/img/04/step_04.png)

Right mouse click on the image of the logo below and save it to your computer.

![logo](./assets/img/04/logo.png)

Click on the **Upload** button, select the logo.png file you just downloaded, then click **Save**

![step 5](./assets/img/04/step_05.png)

## Colour Scheme

The last step is choosing your colour scheme. You can choose between pre-set schemes or customise your own. You can change the colour scheme at any time.

Click on the colour pallet icon in the left hand side menu to enter the **App Theme** menu.

![step 6](./assets/img/04/step_06.png)

Then choose **Colour Scheme**

![step 7](./assets/img/04/step_07.png)

The options available to your will depend if you have chosen **Material Design** or **Material Design 3**. Either way, you will be able to:

1. Choose from some pre-set options
2. Edit the individual **<a href="https://htmlcolorcodes.com/" target="_blank">HTML colour codes</a>** for different parts of your theme.

![step 8](./assets/img/04/step_08.png)

Go ahead and choose a colour scheme.