InnovationLab uses a combination of Bariol and Helvetica type families on its website. It is a clean, legible, easily available typography.
<h1>Title 1</h1>
<h2>Title h2</h2>
<h3>Title h3</h3>
<h4>Hightlighted text. <strong>Strong text</strong> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt quibusdam, doloremque eaque non. Nostrum, soluta debitis commodi incidunt asperiores illum velit quaerat labore, sapiente natus consequuntur similique, adipisci quos quam?</h4>
<p>Body text. <strong>Strong text</strong> nam dapibus nisl vitae elit fringilla rutrum. Aenean sollicitudin, erat a elementum rutrum, neque sem pretium metus, quis mollis nisl nunc et massa. Vestibulum sed metus in lorem tristique
ullamcorper id vitae erat.</p>h1 {
font-family: 'Bariol';
font-size: 40px;
font-weight: 300;
color: #555555;
line-height: 21px;
}
h2 {
font-family: 'Bariol';
font-size: 28px;
font-weight: 500;
color: #555555;
line-height: 22px;
}
h3 {
font-family: 'Bariol';
font-size: 18px;
font-weight: 500;
text-transform: capitalize;
color: #555555;
}
h4 {
font-family: 'Bariol';
font-size: 17px;
text-transform: uppercase;
font-weight: 700;
color: #1477c9;
}
p {
font-family: 'Bariol';
font-size: 15px;
line-height: 23px;
letter-spacing: .3px;
}
strong {
font-weight: 700;
}