Colors
HIREtech blue
#00A3E0
RGB (0, 163, 224)
CMYK (86, 8, 0, 0)
PMS 299 C
HIREtech gray
#201f1f
RGB (32, 31, 31)
CMYK (71, 66, 65, 75)
#5F6369
RGB (117, 120, 123)
CMYK (30, 22, 17, 57)
PMS Cool Gray 9 C
#5BC2E7
RGB (91, 194, 231)
CMYK (58, 0, 0, 0)
PMS 2985C
#00B5E2
RGB (0, 181, 226)
CMYK (76, 0, 0, 0)
PMS 306C
#0092BC
RGB (0, 146, 188)
CMYK (100, 0, 11, 6)
PMS 313C
#003B5C
RGB (0, 59, 92)
CMYK (100, 32, 0, 68)
PMS 302C
#00629B
RGB (0, 98, 155)
CMYK (100, 32, 0, 25)
PMS 3015C
#00A9E0
RGB (0, 169, 224)
CMYK (79, 3, 0, 0)
PMS 2995C
Fonts
Font family
link href="https://fonts.googleapis.com/css2family=Poppins:wght@300;400;600;700;900&display=swap"
font-family: 'Poppins', sans-serif;
Font weight and size
Light (HIREtech p tag version): Almost before we knew it, we had left the ground.
font-family: 'Poppins', sans-serif;
font-weight: 300;
Regular: Almost before we knew it, we had left the ground.
font-family: 'Poppins', sans-serif;
font-weight: 400;
Semibold: Almost before we knew it, we had left the ground.
font-family: 'Poppins', sans-serif;
font-weight: 600;
Bold: Almost before we knew it, we had left the ground.
font-family: 'Poppins', sans-serif;
font-weight: 700;
Bolder: Almost before we knew it, we had left the ground.
font-family: 'Poppins', sans-serif;
font-weight: 900;
Icons
Libraries
Logos
Typography
Paragraph
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
font-family: 'Poppins', sans-serif; font-weight: 300; font-size: 16px;
H1
Headings
font-family: 'Poppins', sans-serif; font-weight: 600; font-size: 32px;
Plus icon
-webkit-font-smoothing: subpixel-antialiased;
color: #00a3e0;
font-weight: 600;
font-style: italic;
font-size: 32px;
line-height: 40px;
position: absolute;
top: -1px;
left: -28px;
Buttons
Learn more
Default
background-color: #00A3E0;
font-size: 14px;
margin: 0 10px;
min-width: 200px;
-moz-box-shadow: 0px 9px 15px 3px rgba(0, 0, 0, 0.25);
-webkit-box-shadow: 0px 9px 15px 3px rgba(0, 0, 0, 0.25);
box-shadow: 0px 9px 15px 3px rgba(0, 0, 0, 0.25);
transition: all 0.5s;
font-family: 'Poppins', sans-serif;
font-weight: 300;
color: white;
padding: 13px 0;
cursor: pointer;
text-transform: uppercase;
Hover
background: transparent;
border: 1px solid #00A3E0;
color: #00A3E0;
Learn more
Default
background-color: transparent;
border: 1px solid #00A3E0;
font-size: 14px;
margin: 0 10px;
min-width: 200px;
transition: all 0.5s;
font-family: 'Poppins', sans-serif;
font-weight: 300;
color: #00A3E0;
padding: 13px 0;
cursor: pointer;
text-transform: uppercase;
Hover
background-color: #5BC2E7;
border-color: #5BC2E7;
color: #fff;
box-shadow: none;
Learn more
Default
background-color: #201F1F;
font-size: 14px;
margin: 0 10px;
min-width: 200px;
-moz-box-shadow: 0px 9px 15px 3px rgba(0, 0, 0, 0.25);
-webkit-box-shadow: 0px 9px 15px 3px rgba(0, 0, 0, 0.25);
box-shadow: 0px 9px 15px 3px rgba(0, 0, 0, 0.25);
transition: all 0.5s;
font-family: 'Poppins', sans-serif;
font-weight: 300;
color: white;
padding: 13px 0;
cursor: pointer;
text-transform: uppercase;
Hover
background-color: #5BC2E7;
box-shadow: none;