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.
- Purple 50: hsl(260, 100%, 95%)
- Purple 300: hsl(264, 82%, 80%)
- Purple 500: hsl(263, 55%, 52%)
- White: hsl(0, 0%, 100%)
- Grey 100: hsl(214, 17%, 92%)
- Grey 200: hsl(0, 0%, 81%)
- Grey 400: hsl(224, 10%, 45%)
- Grey 500: hsl(217, 19%, 35%)
- Dark blue: hsl(219, 29%, 14%)
- Black: hsl(0, 0%, 7%)
- 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.