Responsive web Framework


Headers and text

Various sizes and composition for headers and text


(minimum width: 480px)


In order to facilitate the interface, many of the recommendations in the use of typography have been taken from the project Web Typography

Originally, the system used two typographies: Open Sans for headers Roboto for normal text; but it was decided to leave the use of Helvetica by default, given its availability and leaving the user the choice of typography, making the system also lighter.

Regardless of the above, we suggest the following fonts for use on the web:

  • Open Sans
  • Roboto
  • Lato
  • PT Sans
  • Source Sans Pro
  • Exo
  • Exo 2
  • Ubuntu
  • Istok Web
  • Nobile
  • Montserrat
This, in order to facilitate the legibility of the texts. We suggest not to use more than two types of typography or play with the versions of the same (eg. Condensed).

Paragraph and line spacing

A slightly larger space between lines has been left for easier reading

Increase of space between lines, as well as care of orphan and widow lines.


>h1/< >h2/< >h3/< >h4/< >h5/< >h6/<
Modification by size