UI Kit

Colors:

#8247AD
#00A19B
#10CDC9
#37B0CA
#466BB8
#4AA3DB
#758592
#A3BAC9
#DCE3ED
#E8ECF3
#2D2D2D
#5D5D5D
#9B9B9B
#D3D3D3

Fonts:

h1, .likeh1 font-family: 'Work Sans', sans-serif;
font-weight: 600;
font-size: 33px;
color:inherit;
@media #{$mediumBreak} {font-size: 45px;}

h2, .likeh2 font-family: 'Work Sans', sans-serif;
font-weight: 600;
font-size: 20px;
color:inherit;
@media #{$mediumBreak} {font-size: 30px;}

h3 font-family: 'Work Sans', sans-serif;
font-weight: 600;
font-size: 20px;
color:inherit;
@media #{$mediumBreak} {font-size: 23px;}

h4 font-family: 'Work Sans', sans-serif;
font-weight: 600;
font-size: 16px;
color:inherit;
@media #{$mediumBreak} {font-size: 14px;}

Body Copy

font-weight: 400;
line-height: 30px;
font-family: 'Work Sans', sans-serif;
font-size: 16px;
color:#707070;
@media #{$mediumBreak} {font-size: 17px;}

Lorem ipsum dolor sit amet, This is a hyperlink consectetur adipiscing elit. Etiam faucibus turpis ultricies feugiat gravida. Sed efficitur felis vitae metus commodo facilisis eu eget nisi. Curabitur luctus neque non turpis pellentesque lacinia. Sed a nisi vel leo iaculis eleifend a quis est. In hac habitasse platea dictumst. Maecenas dui mauris, semper sit amet porta ac, lobortis in justo. Sed non vehicula ante, non ullamcorper odio. Duis id purus ligula. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec condimentum et ante vel iaculis.

Interactive:

1. This is a page disclaimer example with a hyperlink.