Colors
Whitesmoke
#F5F5F5
rgb(245,245,245)
hsl(0,0,96)
Gainsboro
#DCDCDC
rgb(236,236,236)
hsl(0,0,86)
Lightseagreen
#20B2AA
rgb(32,178,170)
hsl(177,70,41)
SteelBlue
#4682B4
rgb(70,130,180)
hsl(207,44,49)
Tomato
#FF6347
rgb(255,99,71)
hsl(9,100,64)
Yellow
#E0E054
rgb(224, 224, 84)
hsl(60,69,60)
Gradients
Yellow
#E0E054
rgb(224, 224, 84)
hsl(60,69,60)
Tomato
#FF6347
rgb(255,99,71)
hsl(9,100,64)
SteelBlue
#4682B4
rgb(70,130,180)
hsl(207,44,49)
Lightseagreen
#20B2AA
rgb(32,178,170)
hsl(177,70,41)
Lightseagreen
#20B2AA
rgb(32,178,170)
hsl(177,70,41)
Yellow
#E0E054
rgb(224, 224, 84)
hsl(60,69,60)
SteelBlue
#4682B4
rgb(70,130,180)
hsl(207,44,49)
Whitesmoke
#F5F5F5
rgb(245,245,245)
hsl(0,0,96)
Lightseagreen
#20B2AA
rgb(32,178,170)
hsl(177,70,41)
Gainsboro
#DCDCDC
rgb(236,236,236)
hsl(0,0,86)
Tomato
#FF6347
rgb(255,99,71)
hsl(9,100,64)
Whitesmoke
#F5F5F5
rgb(245,245,245)
hsl(0,0,96)
Font Families
Poppins - 700 Headings
Aa
a b c d e f g h i j k l m n o p q r s t u v w x y z
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
1 2 3 4 5 6 7 8 9 0
Poppins - 600 Subheadings
Aa
a b c d e f g h i j k l m n o p q r s t u v w x y z
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
1 2 3 4 5 6 7 8 9 0
Poppins - 400 Body Text
Aa
a b c d e f g h i j k l m n o p q r s t u v w x y z
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
1 2 3 4 5 6 7 8 9 0
Poppins - 400 italic Quotes
Aa
a b c d e f g h i j k l m n o p q r s t u v w x y z
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
1 2 3 4 5 6 7 8 9 0
Text Styles
Base Line
16px
Scale
1.333 - Perfect Fourth
Heading 1
font-family: 'Poppins', sans-serif;
font-size: 3.052rem;
font-weight: 700;
line-height: 1.3;
letter-spacing: 0;
Heading 2
font-family: 'Poppins', sans-serif;
font-size: 3.157rem;
font-weight: 700;
line-height: 1.3;
letter-spacing: 0;
Heading 3
font-family: 'Poppins', sans-serif;
font-size: 2.369rem;
font-weight: 700;
line-height: 1.3;
letter-spacing: 0;
Heading 4
font-family: 'Poppins', sans-serif;
font-size: 1.777rem;
font-weight: 700;
line-height: 1.3;
letter-spacing: 0;
Heading 5
font-family: 'Poppins', sans-serif;
font-size: 1.333rem;
font-weight: 700;
line-height: 1.3;
letter-spacing: 0;
Heading 6
font-family: 'Poppins', sans-serif;
font-size: 0.75rem;
font-weight: 700;
line-height: 1.3;
letter-spacing: 0;
Paragraph
font-family: 'Poppins', sans-serif;
font-size: 1rem/16px;
font-weight: 400;
line-height: 1.3;
letter-spacing: 0;
