Typografi

Vår typografi ska skapa god läsbarhet. Typsnitt, tillsammans med marginaler, ska stötta användaren och ge en tydlig hierarki mellan rubriker, brödtext och övriga element. Typsnittet som används är Open Sans med vikterna 300, 400 och 600.

Riktlinjer

  • Undvik stora textmassor.
  • Använd korrekt hierarkisk rubriksättning; efter H1 används H2, efter H2 används H3 osv. ner till H6. Det är extra viktigt för de som använder skärmläsare. Finns behovet att ha en mindre/större rubrik rent visuellt ska rubriken märkas med rätt hierarki och sedan ändras utseendet med hjälp av .h1 till .h6.
  • Betona viktiga ord med fet stil.

H1 - Rubrik 40px

Font size 18px Line height 27px eleifend tortor id leo pellentesque auctor. Phasellus sit amet accumsan metus. Nam arcu quam, egestas ac elit quis, venenatis fermentum nisi. Maecenas magna ex, egestas nec gravida sit amet, iaculis eu velit.

Brödtext 18px Nunc eleifend tortor id leo pellentesque auctor. Phasellus sit amet accumsan metus. Nam arcu quam, egestas ac elit quis, venenatis fermentum nisi. Maecenas magna ex, egestas nec gravida sit amet, iaculis eu velit. Sed pretium rhoncus lectus, ut pretium ligula. Sed hendrerit quam id iaculis suscipit. Suspendisse ac mattis est. Nullam id sapien ut eros ultrices fringilla vel eget eros. Praesent tincidunt hendrerit velit in dignissim.

H2 Rubrik 28px

Brödtext 18px Nunc eleifend tortor id leo pellentesque auctor. Phasellus sit amet accumsan metus. Nam arcu quam, egestas ac elit quis, venenatis fermentum nisi. Maecenas magna ex, egestas nec gravida sit amet, iaculis eu velit. Sed pretium rhoncus lectus, ut pretium ligula. Sed hendrerit quam id iaculis suscipit. Suspendisse ac mattis est. Nullam id sapien ut eros ultrices fringilla vel eget eros. Praesent tincidunt hendrerit velit in dignissim.

H3 Rubrik 22px

Brödtext 18px ed pretium rhoncus lectus, ut pretium ligula. Sed hendrerit quam id iaculis suscipit. Suspendisse ac mattis est. Nullam id sapien ut eros ultrices fringilla vel eget eros. Praesent tincidunt hendrerit velit in dignissim.

Brödtext 18px unc eleifend tortor id leo pellentesque auctor. Phasellus sit amet accumsan metus. Nam arcu quam, egestas ac elit quis, venenatis fermentum nisi. Maecenas magna ex, egestas nec gravida sit amet, iaculis eu velit. Sed pretium rhoncus lectus, ut pretium ligula. Sed hendrerit quam id iaculis suscipit.