90 MINUTE CHALLENGE | AI WEBSITE COURSE

AI COLOUR ASSISTANT

COLOURS

Paul Davenport

  Paul Davenport  |    03:00

Rebrand your AI Theme in moments. Use the AI Colour Assistant to extract colours from your logo, then let the AI swap the colours of your theme. With an AI Colour Assistant you can style a theme instantly in moments.

1. Extract Colours from your logo.

2. Find and Replace Brand Colours into your Theme.

3. Customise 100 Colours Swatches in your CSS Menu.

   AI Website Transcript 

We will now use AI to swap the colours of your theme. 

Here we are in the Colours Area, which you can access via the main menu by clicking Styles and then the Colours tab in the top bar. 

You'll see the AI Colour Assistant at the top of the page, with AI Sam working in support. 

Hi Sam.... Ok, cool. 

She's ready to assist, and we can revisit Sam later if we need Help. 

You can also get Help via the video button here, where you can find this video, as well as more comprehensive help and detailed videos for each feature. 

First, I suggest you drop your logo in the Image Drop. 

If not your logo, you might have an image with your brand guidelines, like I have here. 

You can see the AI Colour Assistant has structured the colours and even created branded colours for our Neutral, which is an off-white, and our text and divider swatches in the middle greys. 

Now, if you want to swap any colours, you can use the Find and Replace tool to swap any of the Primary Colours and sync them right around your website. 

To demo, I'll swap the yellow with a Bright Pink. As you can see. 

And, if I don't like it, I can swap it back. 

I'll actually keep the Bright Pink and make it my Accent 6 so that I can use it later, in branded colour palettes all around the website, for things like buttons, borders, backgrounds and graduations. 

Locking in brand colours here, ensures my team always use the exact brand colours, wherever they are, and never stray off-brand.

Now, if I want to swap any specific colours, I can do so in the swatches below. 

For example, I can change the colour of the Action Button, and the Action Button text. 

There are swatches for everything, from Products to blogs and even Member Profiles for your Member Accounts. 

MY TOP TIP

Please never change the neutral to dark. 

The neutral is for an off-white. 

Later, when you create pages, you'll see that many Layouts come in both light and dark. 

Plus, you can also click the invert button to flip the layouts between Light and Dark. 

I mention this because, Some people think that because your preview is showing a light background, if you swap neutral with a Dark colour, that will work. 

It won't; neutral is for neutral, and neutral is an off-white. 

Tough, if you mess it up, no stress; simply use the reset button to restore your original theme settings. 

Also, one final thing. If you do need extra colours in your colour palette… more than the 6 Primary Accent colours, you can use the Supporting Colours and the bottom of the swatches, and this will add more colours to your colour palettes for all your team to use... and never stray off-brand.

Course Quick Clips

70 Award
Winning AI Themes

Start your AI Website now
Start your AI Agency now

GETTING AROUND

GET A QUOTE

A Web Builder for Design. A CMS for Business. We serve all businesses from SME's to Enterprise. Talk with us for AI development, custom website design, website development, ecommerce websites, directories, intranets and social networks.