style-guide.md

Front-end Style Guide

Layout

The designs were created to the following widths:

• Mobile: 375px
• Desktop: 1440px

💡 These are just the design sizes. Ensure content is responsive and meets WCAG requirements by testing the full range of screen sizes from 320px to large screens.

Colors

• Yellow: hsl(47, 88%, 63%)

• White: hsl(0, 0%, 100%)

• Gray 500: hsl(0, 0%, 42%)

• Gray 950: hsl(0, 0%, 7%)

Typography

Body Copy

• Font size (paragraph): 16px

Font

• Family: Figtree
• Weights: 500, 800