Brand logo, colors & typography
Latest update: February 4, 2019 | Reading time: 2 to 3 minutesSince 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
You may define a general logo using the Customizer > Site Identity > Logo section options. By default, this version will be displayed on all pages. Nevertheless, Faber gives you the opportunity to define/use an alternative logo image version, via the Theme Options > Header > Logo section options.
You may want to use an alternative logo in cases where the selected image is not contrasting very well with the titles section background image.
Depending on the image(s) you use, you might need to update the logo dimensions and spacing on various responsive states.
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 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.