How to change colours and fonts

Matching your website to your brand colours and fonts makes it look professional and recognisable. The AI Website Maker makes this easy from the design settings.

1. Open the Design, Theme or Styles panel in the builder.
2. Set your brand colours — usually a primary colour, a secondary/accent colour, and text colours. Use the same colours as your logo.
3. Choose your fonts — one for headings and one for body text is a clean, reliable combination.
4. Save and preview.

Changing these in the design settings updates the whole site at once, keeping everything consistent. For readability, use dark text on light backgrounds (or vice versa) with good contrast, and avoid using too many colours or fonts — two or three of each is plenty.

If your business serves Arabic customers, pick fonts that display Arabic clearly. Check the result on both desktop and mobile, since font sizes can feel different on phones.

When you are happy, Publish to make the new look live. Want help matching your exact brand colours (hex codes)? Send them to us on WhatsApp +971 58 553 6767 and we will help you set them.