Style Guide

In giving the website a design upgrade, I wanted it to be modern and simplistic in design, but bold in its use of colors. The goal of this is to create a vibrant, fun website that is still professional but distinctly modern, a perfect combination a TikTok-famous, motivational speaker. 

 

Avenir was a chosen as the site's main font because of it's clean bold, clean design. It comes in a regular and light variant.

The colors chosen for kodygreen.com are cool but vibrant. Purple and dark blue and the mains colors used throughout the site with electric green and light blue being used as accents.

Heading 5

Heading 1

Heading 4

Heading 3

Heading 2

Heading 6

Paragraph 1

Paragraph 2

Paragraph 3

Main

Secondary

Accent

Accent

This is the template for a quote section. This is used at the bottoms of pages. The background color of the strip can be changed to add contrast to a page. If the background is changed, pick a color for the text that has good contrast and matches. The quote symbol is the same color as the text.

This is the template for a quote section. This is used at the bottoms of pages. The background color of the strip can be changed to add contrast to a page. If the background is changed, pick a color for the text that has good contrast and matches. The quote symbol is the same color as the text.

Bits and Bobs

What's New:

This is an optional news slider for the front page. See examples