frontendMentor-challenge-landingPage

This is one of the Challenges from Frontend Mentor

Except the codes, all colors and design are contributed by Frontend Mentor.

click to see it Live

Front-end Style Guide

Layout

The designs were created to the following widths:

• Mobile: 375px
• Desktop: 1440px

Colors

Primary

• White: hsl(0, 0%, 100%)
• Black: hsl(0, 0%, 0%)
• Dark Gray: hsl(0, 0%, 55%)
• Very Dark Gray: hsl(0, 0%, 41%)

Neutral

Typography

Body Copy

• Font size: 15px

Fonts

• Family: Alata

• Weight: 400

• Family: Josefin Sans

• Weight: 300

Icons

We provide the required social icons. But, if you prefer, you can use a font icon library. Some suggestions can be found below:

• Font Awesome
• IcoMoon
• Ionicons