Brand logo, colors & typographyLatest update: April 19, 2018 | Reading time: 2 to 3 minutes
Since your theme is installed, it is always a good idea to start working on the basic brand styling elements of your website: the logo, the color sets and the typography ( fonts ).
Set your Logo
Go to Theme Options > Header > Logo and set the logo you need. Note that, a certain dimension is required for the logo to be properly displayed and you can also modify its position and maximum height according to your needs. Instead of the logo, you may also display a simple text or combine some text with a logo image.
Set your Brand Colors ( Color Sets )
There is a variety of color combinations available out-of-the-box. For easier color management, we have introduced Color Sets as the best method to adjust colors. The color set is a combination of background, link and text color setup, which you may later apply on any element ( shortcode, widget, etc. ). Therefore, if you set a black background color for the primary color set, all elements that utilize the primary color set will be displayed with a black background.
So, just go to Theme > Options > General > Color Sets and set the values you need. Except from the default brand color set ( that affects some “fixed” elements of your website ), there are also 6 different color sets available: Primary, Secondary, Light, Dark, White and Black. Even if we gave them some color specific titles, you are always free to play with your preferred colors and even change a color set’s reference title ( i.e. the White Color Set can be My Happy Color Set ) in order to be even easier to remember what is all about when you want to apply it on an element.
Select your Google Font
Set your visual copyright utilizing your favorite fonts; go to Theme Options > General > Typography and select fonts, sizes and cases for heading, simple texts, and button captions. All fonts are open source, free to use, under Google Fonts license.
Note for multilingual implementations: always make sure that the fonts you are using are also available on your language. Please, visit the Google Fonts site for further information.