web style guide

Typography

Open Sans is our default typeface for the digital supports, including the website and the digital activation.


Open Sans is a humanist sans serif typeface designed by Steve Matteson, Type Director of Ascender Corp. This version contains the complete 897 character set, which includes the standard ISO Latin 1, Latin CE, Greek and Cyrillic character sets. Open Sans was designed with an upright stress, open forms and a neutral, yet friendly appearance. It was optimized for print, web, and mobile interfaces, and has excellent legibility characteristics in its letterforms.

Body Text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vitae semper magna. Mauris at ligula massa, sit amet tincidunt leo. Praesent a magna tellus, ac dignissim risus. Class aptent taciti sociosqu ad litora torquent.

CSS Styles

body {
font-size: 14px;
line-height: 1.42857;
}


Headings

example of h1

example of h2

example of h3

example of h4

CSS Styles

h1 {
font-size: 36px;
line-height: 1.1;
font-weight: 600;
}

h2 {
font-size: 30px;
line-height: 1.1;
font-weight: 600;
}

h3 {
font-size: 24px;
line-height: 1.1;
font-weight: 600;
}

h4 {
font-size: 18px;
line-height: 1.1;
font-weight: 600;
}


Banners

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Duis vitae semper magna. Mauris at ligula massa, sit amet tincidunt leo.

CSS Styles

.title {
font-size: 2.5rem;
font-weight: 600;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

.subtitle {
font-size: 1rem;
font-weight: 600;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}