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.
Moderate violet: hsl(263, 55%, 52%) #7541c8 Very dark grayish blue: hsl(217, 19%, 35%) #48556a Very dark blackish blue: hsl(219, 29%, 14%) #19212e White: hsl(0, 0%, 100%) #ffffff
Light gray: hsl(0, 0%, 81%) #cfcfcf Light grayish blue: hsl(210, 46%, 95%) #ecf2f8
Note for text colors:
- "Verified Graduate" has the same color as the person's name with 50% opacity
- Review paragraphs inside the quotations have the same color as well, but are at 70% opacity
- Font size: 13px
- Family: Barlow Semi Condensed
- Weights: 500, 600
💎 Upgrade to Pro for design file access to see all design details and get hands-on experience using a professional workflow with tools like Figma.