in action on cssgradient.io
.header-1 {
font-family: "Work Sans", "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif;
font-size: 13.28px;
font-style: normal;
font-weight: 700;
letter-spacing: 2.656px;
line-height: normal;
text-transform: uppercase;
color: #9DA3AC;
}
.header-2 {
font-family: "Work Sans", "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif;
font-size: 36px;
font-style: normal;
font-weight: 300;
letter-spacing: -0.72px;
line-height: normal;
text-transform: none;
color: #FFFFFF;
}
.header-3 {
font-family: "Work Sans", "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif;
font-size: 13px;
font-style: normal;
font-weight: 700;
letter-spacing: 1.95px;
line-height: normal;
text-transform: uppercase;
color: #8F92B3;
}
.header-4 {
font-family: "Work Sans", "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif;
font-size: 21px;
font-style: normal;
font-weight: 500;
letter-spacing: normal;
line-height: normal;
text-transform: none;
color: #1F2667;
}
.header-5 {
font-family: "Work Sans", "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif;
font-size: 13.28px;
font-style: normal;
font-weight: 700;
letter-spacing: 2.656px;
line-height: normal;
text-transform: uppercase;
}
.content-1 {
font-family: "Work Sans", "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif;
font-size: 24px;
font-style: normal;
font-weight: 700;
letter-spacing: normal;
line-height: 80px;
text-transform: none;
color: #1F2667;
}
.content-2 {
font-family: "Work Sans", "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif;
font-size: 24px;
font-style: normal;
font-weight: 500;
letter-spacing: normal;
line-height: 80px;
text-transform: none;
color: #1F2667;
}
.content-3 {
font-family: "Work Sans", "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
letter-spacing: normal;
line-height: normal;
text-transform: none;
color: #1F2667;
}
.content-4 {
font-family: "Work Sans", "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 600;
letter-spacing: normal;
line-height: normal;
text-transform: none;
color: #1F2667;
}
Work Sans is available from Font Squirrel and Google Web Fonts.
Try this combination out in Pair and Compare.
Found by @mikesten on 22 Mar 2018.
Liked by:
@mikesten
@gtfemy
@joema25
@Davistbro
@mishapivo
@AmaliaShacharr