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.
Bright Red: hsl(12, 88%, 59%) Dark Blue: hsl(228, 39%, 23%)
Dark Grayish Blue: hsl(227, 12%, 61%) Very Dark Blue: hsl(233, 12%, 13%) Very Pale Red: hsl(13, 100%, 96%) Very Light Gray: hsl(0, 0%, 98%)
- Font size: 16px
- Family: Be Vietnam Pro
- Weights: 400, 500, 700
For the social icons, you can use the icons provided or a font icon library. Some suggestions for font icon libraries can be found below:
💎 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.