# 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 - White: hsl(0, 0%, 100%) - Light gray: hsl(212, 45%, 89%) - Grayish blue: hsl(220, 15%, 55%) - Dark blue: hsl(218, 44%, 22%) ## Typography ### Body Copy - Font size (paragraph): 15px ### Font - Family: [Outfit](https://fonts.google.com/specimen/Outfit) - Weights: 400, 700 > 💎 This is a free+ challenge. So, if you want to see all the design details and practice working with professional tools like Figma, you can download the design file from where you downloaded the starter code.