Style Guide

Owned by Sasha Avrutina (Unlicensed)
Jan 26, 2022
2 min read

 

 

Logo

 

The LiteFarm logo is made up of an icon and wordmark.
For most use-cases the primary logo should be used unless orientation, size or visibility constraints arise.

 

If the logo is being placed on a dark background, use the inverse logo options. For instances where the logo needs to be in black and white, for instance when printing, use the Black & White logo variations.

 

 

Color Palette

Green, yellow, and grey are the primary branded colors for LiteFarm. These are the primary colors that should be used.

Accent colors signify specific statuses within LiteFarm.

 

WACG Guidance

The following display the color combinations that pass the Web Content Accessibility Guidelines (WCAG) contrast check. Only utilize the indicated content/background color combination in instances where legibility of content is crucial - all inline text, labels, buttons, important icons, etc.

The small squares refer to the text or icon color.

The large rectangles refer to the background color. This can be the color of a button or card itself.

 

 

Typography

LiteFarm uses the font Open Sans.