Style Guide

All styling details are described in this issue.

The different colors

Background colors:

#FFFFFF Light Primary
#F6F8FA Light Secondary

#1D1D1D Dark Primary
#282828 Dark Secondary

#E6E600 Accent

#377DFF Informative color: PRESS ME
#D7E5FF Informative color: SELECTED
#D6CCED Informative color: DONE
#CEF5D2 Informative color: GOOD
#FFDCCC Informative color: MEH
#FFD4DF Informative color: BAD

Foreground colors:

#000000 Light Primary
#B2B2B2 Light Secondary
#4D4D4D Light Text

#ffffff Dark Primary
#4D4D4D Dark Secondary
#B2B2B2 Dark Text

#585936 Accent

#377DFF Informative color: SELECTED
#8250DF Informative color: DONE
#2DA44C Informative color: GOOD
#D29922 Informative color: MEH
#CF222E Informative color: BAD

Fonts

We use Inter Regular for normal text and Inter SemiBold for headings.

Spacings

All spacing must be done in intervals of 8 pixels.