Welcome to your Style Guide

Use this page if you are “ Site Styling” your website (changing colors, fonts, ect. helps to have everything on one page.

  • On the top right corner there is a brush “Site Styles”

    • Use this location to change style of your website as needed per category.

  • The main thing you are going to want to focus on is the COLORS section:

    • In this section you will want to add your branding color. From Lightest to darkest accordingly.

    • Don’t worry if you don’t have enough colors to fill it all, add what you can and it can always be customized later.

    • You are able to change the color of anything by simply clicking or highlighting text - Tool bar should pop up and you can change the color by clicking on the round color and go to your palette to update.

    • Great location to add your own branding and see how they pair with each other.

  • Tip - Colors that are dark should stay dark. colors that are light should stay light.

This is my header 1

THIS IS MY HEADER 2

THIS IS MY HEADER 3

This is my body text and how a link looks in the sentence. Pretium viverra suspendisse potenti nullam ac tortor vitae purus. At in tellus integer feugiat scelerisque varius. Dui nunc mattis enim ut tellus elementum sagittis. Amet venenatis urna cursus eget nunc scelerisque viverra mauris in. Ante in nibh mauris cursus.

The blocks of buttons, images, and color shapes behind it can be changed in form, position and color. Drag and drop.

Style guide on background color/image pages

Use this page if you are “ Site Styling” your website (changing colors, fonts, ect. helps to have everything on one page.

  • On the top right corner there is a brush “Site Styles”

    • Use this location to change style of your website as needed per category.

  • The main thing you are going to want to focus on is the COLORS section:

    • In this section you will want to add your branding color. From Lightest to darkest accordingly.

    • Don’t worry if you don’t have enough colors to fill it all, add what you can and it can always be customized later.

    • You are able to change the color of anything by simply clicking or highlighting text - Tool bar should pop up and you can change the color by clicking on the round color and go to your palette to update.

    • Great location to add your own branding and see how they pair with each other.

  • Tip - Colors that are dark should stay dark. colors that are light should stay light.

This is my header 1

THIS IS MY HEADER 2

THIS IS MY HEADER 3

This is my body text and how a link looks in the sentence. Pretium viverra suspendisse potenti nullam ac tortor vitae purus. At in tellus integer feugiat scelerisque varius. Dui nunc mattis enim ut tellus elementum sagittis. Amet venenatis urna cursus eget nunc scelerisque viverra mauris in. Ante in nibh mauris cursus.

The blocks of buttons, images, and color shapes behind it can be changed in form, position and color. Drag and drop.