---
title: "Set Up Your Branding"
description: "Make the storefront resonate with your brand"
url: https://support.coachkit.co.uk/en/articles/260-set-up-your-branding
collection: "Storefront Setup"
updated: 2026-05-06
language: en
---

# Set Up Your Branding

Make the storefront resonate with your brand

This is where you set up your main business details and visual style.

What you’ll set here:

-   Website name
    
-   Subdomain (your website link)
    
-   Background style
    
-   Logo
    
-   Favicon (optional)
    
-   Primary colour
    
-   Secondary colour
    

### Website Name

This is usually your business name.

-   Appears in the browser tab
    
-   Max 50 characters
    
-   **Required**
    

Below is an example of how this will appear:

![](https://staticfiles.gleap.io/gattachments/j3FjJsEzXZczEESo3AMGrOiXjcp1iWw1oUp4WWA1eWC9AUkd0HLRvxiEiB0G3gNtsg5EqvDPw9m.png)

### Subdomain

This is your website link that you share with clients.

-   Format: [yourname.coachkit.co.uk](https://yourname.coachkit.co.uk)
    
-   **Required**
    

![](https://staticfiles.gleap.io/gattachments/5vxyADPUsBJfC35WjlvGcopCGLfaGtIwLPCpz4dkUCDPpupPafJakYNU4MuPsfjbhh4vzAfLf0m.png)

If the URL is already taken, you’ll see an error. Just try a different one.

![](https://staticfiles.gleap.io/gattachments/iLyQaqGyxFNUAlkU1qw2MQpXFXeC8kz469VBg6M8GrFDxiRIj5HkcIR0STa95V2jb2l2VXS3vJX.png)

### Background

Choose your site’s main background:

-   Light
    
-   Dark
    

![](https://staticfiles.gleap.io/gattachments/o4stRQssmezlJ5NjwlNPxuM7tP4FsXeYYpYevR0mPS5UOY7cllcceylTz4KeAdqvpnrfgrrAxft.png)

### Logo

Your logo appears in the **header and footer**.

Steps:

1.  Upload your image
    
2.  Crop it if needed
    
3.  Click **Finished Cropping**
    

-   **Required**
    

![](https://staticfiles.gleap.io/gattachments/yy2IrFikwPtuayxP7kLFuuozQQF0o1co10GlfidttEKLqQaenAAnlIDRA3mno43Zt1IccdgKVWP.png)

### Favicon

This is the small icon shown in the browser tab.

Don’t worry if you don’t have one yet - you can skip this.

![](https://staticfiles.gleap.io/gattachments/N194eKSG9YDmLL34viWNiHQ0qZAKoUvXAyDWMGaXC6qmmX5R6iI1d8o38VTxDxI1BtUdIHJ08zg.png)

![](https://staticfiles.gleap.io/gattachments/X1jO24WVeMtnkjdcLHnZHhg19yceJl7dMlglMzGceKpaLxi44KEdUSs7tE5KJyRI7Yg2MUSSUGp.png)

### Primary Colour

Used for:

-   Buttons
    
-   Links
    
-   Key highlights
    

You can:

-   Enter a hex code, or
    
-   Use the colour picker
    

![](https://staticfiles.gleap.io/gattachments/pWDbmAGG4tJCc9wiZpHWzIvUnyCslDAndMJNRJXlNXnthZYObnKYW7LzlXifp42wkKu4I9abVNb.png)

### Secondary Colour

Used for:

-   Secondary buttons
    
-   Borders
    
-   Supporting elements