Colors

Dark Green

#1A292D

Light Green

#2DB88A

Citrine

#DFE547

Sand

#FEF9F1

Dark Green #1A292D

Light Green #2DB88A

Citrine #DFE547

Sand #FEF9F1

The Dark Green color is used for all text and any layouts with a darker background.

Buttons have transparent backgrounds and fill with the Dark Green Color when hover/clicked. 

Light Green is the color of icons/text links. The nav bar uses this color on hover to indicate page change too. 

The citrine color is for ‘CTA’ moments, but it isn’t really being used well. 

Sand sparing, but think it could be more prominent. For now, it’s most on the background section for suggested or related content, such as posts/products. 

Show
Typography
Raleway 300 (light) | 44 px

Heading 1

Raleway 300 (light) | 36 px

Heading 2

Raleway 300 (light) | 28 px

Heading 3

Raleway 300 (light) | 28 px

Heading 4

Raleway 300 (light) | 16 px
Heading 5
Raleway 300 (light) | 12 px
Heading 6

Raleway 300 (light) | 14 px

Lorem ipsum dolor sit amet, consectetur adipiscing 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 & Links

All buttons have a 5px border radius to give the rounded edge. 

Text links are formatted the same as body text and are light green in color to provided contrast for accessibility.

Here is an example. 

Images

All images have a 5px border radius to give the rounded edge.