style-guide.md

Front-end Style Guide

Layout

The designs were created to the following widths:

• Mobile: 375px
• Desktop: 1440px

Colors

--ModerateViolet: hsl(263, 55%, 52%); --VeryDarkGrayishBlue: hsl(217, 19%, 35%); --VeryDarkBlackishBlue: hsl(219, 29%, 14%); --White: hsl(0, 0%, 100%); --LightGray: hsl(0, 0%, 81%); --LightGrayishBlue: hsl(210, 46%, 95%);

Note for text colors:

1. "Verified Graduate" has the same color as the person's name with 50% opacity
2. Review paragraphs inside the quotations have the same color as well, but are at 70% opacity

Typography

Body Copy

• Font size: 13px

Font

• Family: Barlow Semi Condensed
• Weights: 500, 600