After your repository is analysed, SupportPages detects brand colours from your codebase and pre-fills them for you. This step lets you confirm those colours, upload your logo, and see a live preview of your help centre before any articles are generated.

## Prerequisites

- You have started project onboarding and finished the Analyse step
- You are signed in to your SupportPages account

## Steps

### Step 1: Open the Add your branding step

When analysis finishes, you are taken to the **Add your branding** step automatically. You can also open it from the onboarding progress bar when **Branding** is highlighted.

### Step 2: Review the detected brand colours

Check the **Primary Colour**, **Gradient Start**, **Accent / Gradient End**, and **Title Text** fields. SupportPages fills these from your repository so links, buttons, and your help centre hero match your product.

![Review the detected brand colours](https://help.supportpages.io/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDUyNiwicHVyIjoiYmxvYl9pZCJ9fQ==--afd241af2fc45aa30cd4effb8e3e3bc315501147/step_1.png)

### Step 3: Adjust colours if needed

Click a colour swatch or edit the hex value next to it. Changes update the live preview right away so you can see how they look on your help centre home page.

### Step 4: Upload your logo

Under **Logo**, click **Click or drag to upload** and choose a PNG, JPEG, or SVG file (200×50px recommended). Your logo appears in the upload area and in the live preview header.

![Upload your logo](https://help.supportpages.io/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDUyNywicHVyIjoiYmxvYl9pZCJ9fQ==--3ea63c5caffa693b3610280b49adb19853e6a13d/step_3.png)

### Step 5: Check the live preview

Scroll to the live preview panel and confirm the gradient, title, and section cards look right. This is how customers will see your help centre once articles are published.

### Step 6: Save your branding

Click **Continue** to save your colours and logo and move on to reviewing sections. Choose **Skip for now** if you want to keep the detected defaults and add a logo later.

## Tips

- If you entered a website URL during setup, SupportPages may also pull branding from that site.
- You can change branding any time later from your project **Settings** tab.

## Summary

Confirm the detected colours, upload your logo, and check the live preview on the branding step, then click **Continue** so generated articles and walkthroughs match your product.