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.
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
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.
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.
All images have a 5px border radius to give the rounded edge.
