Style Guide

Welcome to the base style guide. This is intended to help see the styles set when customizing a theme. Let’s use this paragraph as an example of the body styles. It can be helpful to see when words are bolded, when they are italicized, and when they are text links.

Typography

This is an example of an H1. Let’s use a longer sentence to check the line height.

This is an example of an H2. Let’s use a longer sentence to check the line height.

This is an example of an H3. Let’s use a longer sentence to check the line height.

This is an example of an H4. Let’s use a longer sentence to check the line height.

This is an example of an H5. Let’s use a longer sentence to check the line height. Since this one is smaller, let’s make the line longer.
This is an example of an H6. Let’s use a longer sentence to check the line height. Since this one is smaller, let’s make the line longer.

Colors

In the Kadence Theme there are 9 colors. The order is important. There are three sections of colors, the first two are accent colors, then next 4 have to do with contrast colors that help provide subtle design hierarchy usually in text, the last three are for backgrounds that help define subtle differences in sections of a page or post.

Accent #1
Accent #2
Contrast #1
Contrast #2
Contrast #3
Contrast #4
Base #1
Base #2
Base #3

Buttons

This is a Fill Button This is an Outline Button This is a Theme Button