Brand kit: colours from your logo and your own fonts
Upload your logo and take the site's main, second and dark colours from it in one click. Upload your brand's own fonts for titles and text, served from your own site.
PLANSFrom Growth
The problem it solves
- The site's blue is almost, but not quite, the blue in your logo.
- Your brand font is used in print but the website falls back to a standard one.
- Matching colours means asking a designer for colour codes.
How it works
- Open the editor's Design tab. The brand kit is at the top.
- Press Add your logo. It goes into the header.
- Press Take colours from the logo. The main, second and dark colours are set from it, and you can change any of them below.
- Under Your own fonts, press Upload a font and choose a WOFF2, WOFF, TTF or OTF file.
- Choose what the font is for: Titles, Text or Not used. Publish, and the fonts go live with the site.
Everything it does
Colours from the logo
- Main colour: the strongest lively colour of the logo, never white, black or grey
- Second colour: a clearly different colour from the logo, not a shade of the main one
- Dark colour: the darkest colour of the logo, or near-black when there is none
- A logo that is only white, black or grey gives no colours; you pick them by hand
- Making a new site, the colours are taken from the logo you upload there
Your own fonts
- WOFF2, WOFF, TTF or OTF, up to 3 MB each
- One font for titles and one for text at a time; a new one moves the old one to Not used
- Fonts are served from your own site, with no outside font service
- Use only fonts you have the right to use on a website
Who uses it
Website EditorUploads the logo and fonts and takes the colours.
Website ManagerPublishes the new look.
Where you use it
- Web: the editor, Design tab > Brand kit; and the new-site screen
- Not built: a brand kit shared between several websites; each site keeps its own
What you control
Settings
- Per site: logo, main, second and dark colours (changeable after taking them)
- Per font: Titles, Text or Not used
Questions
Can I still change a colour after taking it from the logo?
Yes. The colours are a starting point. Change any of them under Colours in the Design tab.Does my font load from Google or another service?
No. Your fonts are uploaded once and served from your own site with the published copy.Why did my logo give no colours?
A logo that is only white, black or grey has no colour to take. Pick the colours yourself below the brand kit.Related features
BUILDING THE SITEColour sets and fonts for the whole siteChange the colours and fonts of the whole site in one go. Pick one of 24 colour sets and 21 font pairs, change any colour, and set how titles, buttons and cards look. The editor warns when colours are too alike to read, and the site keeps text readable by itself.BUILDING THE SITELight and dark mode, with a switch for visitorsYour site can follow each visitor's light or dark setting, stay always light or dark, or show a header button so visitors choose. The other look is worked out from your colour set, and you can change any colour of either look.BUILDING THE SITEReady-made sites for your kind of businessStart from a finished website made for your kind of business, such as a cafe, clinic, school, salon or builder. It comes with pages, sections and sample words. Put in your name, logo and colours, and you have a site to change rather than a blank page.BUILDING THE SITEStyle any heading or button on its ownThe design sets how every heading and button looks, so the site stays consistent. When one needs to stand out, such as a bigger price or an outline button, style just that one from the text toolbar. One click takes it back.SELLING AND MEMBERSAI site builder from a descriptionDescribe your business in a few lines. AI picks the design that fits, writes every page and the Google titles, and puts in photos. Then you change what you like.
See your business on a real design.
Tell us what you do and what the site needs to do: bring enquiries, take bookings, show your work or sell. We will start your site from the closest design with you.