style-guide.md

Front-end Style Guide

Layout

The designs were created to the following widths:

• Mobile: 390px

Colors

Primary

• Light Lilac: hsl(266, 74%, 65%)
• Dark Lilac: hsl(266, 86%, 58%)

Neutral

• Grayish Blue: hsl(228, 12%, 32%)
• Dark Grayish Blue: hsl(225, 8%, 21%)
• Light Grayish Blue: hsl(226, 8%, 56%)
• White: hsl(0, 0%, 100%)

Accent

• Positive Green: hsl(176, 72%, 46%)
• Negative Red: hsl(338, 87%, 66%)

Typography

Body Copy

• Font size large (question): 18px
• Font size normal: 16px
• Font size small: 12px

Font

• Family: Inter
• Weights: 400 600 700