Typography

This is Heading 1

This is Heading 2

This is Heading 3

This is Heading 4

This is Heading 5
This is Heading 6

Heading Title

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Buttons

Primary Button

Font: Lato,  18 px
Button Color: #6DAB3C
Text Color: #FFFFFF

Hover Style

Font: Lato,  18 px
Button Color: #497628
Text Color: #FFFFFF

Outlined

Font: Lato, Semibold, 18 px
Border Width: 2 px
Border Color: #497628
Text Color: #FFFFFF

Colors

Primary

#497628

Secondary

#1C4201

Text

#231F20

Accent

#6DAB3C

There are four Default ColorsPrimarySecondaryText, and Accent. The following examples show where they are typically used.

  • Primary Colors are used for Headings and Icons.
  • Secondary Colors are used for List ItemsSubheadingsAnimated Headings, and Price Table backgrounds.
  • Text Colors are used for Paragraphs and Menu items
  • Accent Colors are used for LinksButton backgroundsTab and Accordion headings, and Badges