Logos
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@400;600;700;900&display=swap"
font-family: 'Poppins', sans-serif;
Font weight and size
Regular: Almost before we knew it, we had left the ground.
font-family: 'Poppins', sans-serif;
font-weight:400;
font-size:22px;
Semibold: Almost before we knew it, we had left the ground.
font-family: 'Poppins', sans-serif;
font-weight:600;
font-size:22px;
Bold: Almost before we knew it, we had left the ground.
font-family: 'Poppins', sans-serif;
font-weight:700;
font-size:22px;
Bolder: Almost before we knew it, we had left the ground.
font-family: 'Poppins', sans-serif;
font-weight:900;
font-size:22px;
Buttons
Learn more
Default
background-color: #00A3E0;
font-size: 1.3em;
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;
Hover
background-color: #5BC2E7;
-moz-box-shadow: 0 13px 31px rgba(10,141,219,0.30), 0 9px 12px rgba(10,141,219,0.30);
-webkit-box-shadow: 0 13px 31px rgba(10,141,219,0.30), 0 9px 12px rgba(10,141,219,0.30);
box-shadow: 0 13px 31px rgba(10,141,219,0.30), 0 9px 12px rgba(10,141,219,0.30);
Learn more
Default
background-color: white;
font-size: 1em;
min-width: 200px;
-moz-box-shadow: 0 10px 33px rgba(10,141,219,0.20), 0 5px 14px rgba(10,141,219,0.10);
-webkit-box-shadow: 0 10px 33px rgba(10,141,219,0.20), 0 5px 14px rgba(10,141,219,0.10);
box-shadow: 0 10px 33px rgba(10,141,219,0.20), 0 5px 14px rgba(10,141,219,0.10);
transition: all 0.5s;
font-family: 'Poppins', sans-serif;
font-weight: 600;
color: #00A3E0;
padding: 16px 0;
text-transform: uppercase;
cursor: pointer;
border: 1px solid #F1F1F1;
Hover
background-color: #5BC2E7;
border-color: #5BC2E7;
color: white;
-moz-box-shadow: 0 19px 38px rgba(10,141,219,0.30), 0 15px 12px rgba(10,141,219,0.30);
-webkit-box-shadow: 0 19px 38px rgba(10,141,219,0.30), 0 15px 12px rgba(10,141,219,0.30);
box-shadow: 0 19px 38px rgba(10,141,219,0.30), 0 15px 12px rgba(10,141,219,0.30);
Learn more
Default
background-color: transparent;
border: 1px solid #00A3E0;
font-size: 1.3em;
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;
Hover
background-color: #5BC2E7;
border-color: #5BC2E7;
color: #fff;
-moz-box-shadow: 0 13px 31px rgba(10,141,219,0.30), 0 9px 12px rgba(10,141,219,0.30);
-webkit-box-shadow: 0 13px 31px rgba(10,141,219,0.30), 0 9px 12px rgba(10,141,219,0.30);
box-shadow: 0 13px 31px rgba(10,141,219,0.30), 0 9px 12px rgba(10,141,219,0.30);
Learn more
Default
background-color: #201F1F;
font-size: 1.3em;
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;
Hover
background-color: #5BC2E7;
-moz-box-shadow: 0 13px 31px rgba(10,141,219,0.30), 0 9px 12px rgba(10,141,219,0.30);
-webkit-box-shadow: 0 13px 31px rgba(10,141,219,0.30), 0 9px 12px rgba(10,141,219,0.30);
box-shadow: 0 13px 31px rgba(10,141,219,0.30), 0 9px 12px rgba(10,141,219,0.30);