Brand Settings
Play around with the settings in the customizer to see how changing the settings in your customizer will affect the global styles. To get started, preview this page. Using the black toolbar at the top of the page, click “customize” and begin editing the fonts, colors, buttons, and more. If you do not see a black toolbar while logged into your site, you may have the setting turned off. Go to Users, select your user, and make sure the “Show Toolbar when viewing site” option is checked.
Button Styles
As a general rule of thumb, these colors should only be used for calls to action on your site. Use this color when you want someone to click on a hyperlink or button! Try not to use this color for accent colors or in any other part of your site design.
Color Palette #1 – This is your link & button color
Color Palette #2 – This is your link & button hover color
Your buttons will look like this if you choose the theme settings on a light background:
Here’s how some hyperlinked text will appear.
Your buttons will look like this if you choose the theme settings on a dark background:
Here’s how some hyperlinked text will appear.
Typography
Within your customizer/ Kadence Theme settings, you can swap out the heading font selection and sizes. Make sure the styles look good on all three device views!
Contrast Text Colors:
“Contrast or Text colors are great ways to create a design hierarchy with your text, borders, etc. Usually, these are the darker “gray” colors that determine the text color for your heading and main site text.” Source
Color Palette #3
This is your strongest text/ headings color
Color Palette #4
This is your strong text/ body text color
Color Palette #5
This is your medium text color.
Color Palette #6
This is your medium text color.
NOTE about Color Palette #6 – This is your subtle text color. Kadence recommends using this color for borders. If you have WooCommerce, this color is used for your coupon code field, so make sure it’s dark enough to read in a form field.
This is an H1 heading
This is what your body text looks like in a paragraph. Gingerbread topping cake carrot cake dessert cotton candy. Fruitcake sweet cake marshmallow gummies powder bear claw.
Check out this H2 heading
Pudding tootsie roll sugar plum tootsie roll dessert pudding. Gingerbread jelly beans biscuit icing candy canes jelly beans oat cake sweet roll.
What do you think about this H3 heading?
Biscuit brownie topping brownie lemon drops. Dragée biscuit chocolate cake cotton candy toffee. Tiramisu pie dessert chocolate cake caramels biscuit.
Here’s what the H4 heading looks like
Wafer macaroon sugar plum tootsie roll chocolate cake.
This is an H5 heading
Lemon drops croissant dragée pudding sesame snaps muffin gummi bears.
Check out your H6 heading style
I typically use this as an accent for a pre-headline text.
This is an H1 heading
This is what your body text looks like in a paragraph. Gingerbread topping cake carrot cake dessert cotton candy. Fruitcake sweet cake marshmallow gummies powder bear claw.
Check out this H2 heading
Pudding tootsie roll sugar plum tootsie roll dessert pudding. Gingerbread jelly beans biscuit icing candy canes jelly beans oat cake sweet roll.
What do you think about this H3 heading?
Biscuit brownie topping brownie lemon drops. Dragée biscuit chocolate cake cotton candy toffee. Tiramisu pie dessert chocolate cake caramels biscuit.
Here’s what the H4 heading looks like
Wafer macaroon sugar plum tootsie roll chocolate cake.
This is an H5 heading
Lemon drops croissant dragée pudding sesame snaps muffin gummi bears.
Check out your H6 heading style
I typically use this as an accent for a pre-headline text.
Base Colors
“Your base or background colors are usually at the lightest end, white with two off-white variations that have just enough contrast to show a visual difference without having so much contrast that the text is lost in the color. Your base color is the color that people will notice the least, but if selected well makes all the rest of your colors come together.” Source
Color Palette #6
This is your subtle background color
Color Palette #7
This is your lighter background color
Color Palette #8
White or offwhite color
Here’s how your other blocks will look on your site:
This is how a standard Gutenberg list block will look.
- Croissant lollipop pie ice cream
- Lemon drops pastry bear claw
- Sweet carrot cake candy canes macaroon sugar plum topping
This is how a standard Kadence icon list block will look with standard settings.
This is what a gutenberg quote block looks like. Chocolate bar wafer candy canes dessert cheesecake. Chocolate cake marzipan sesame snaps powder carrot cake. Cheesecake jelly-o chocolate bar chocolate cake cookie pastry icing.
By Aristotle
This is what a gutenberg quote pull quote block looks like. The quote mark uses your subtle background color. Chocolate cake marzipan sesame snaps powder carrot cake.
By Aristotle
Here’s how your other blocks will look on your site:
This is how a standard Gutenberg list block will look.
- Croissant lollipop pie ice cream
- Lemon drops pastry bear claw
- Sweet carrot cake candy canes macaroon sugar plum topping
This is how a standard Kadence icon list block will look with standard settings.
This is what a gutenberg quote block looks like. Chocolate bar wafer candy canes dessert cheesecake. Chocolate cake marzipan sesame snaps powder carrot cake. Cheesecake jelly-o chocolate bar chocolate cake cookie pastry icing.
By Aristotle
This is what a gutenberg quote pull quote block looks like. The quote mark uses your subtle background color. Chocolate cake marzipan sesame snaps powder carrot cake.
By Aristotle