Logotyp vetenskapsrådet
logo_mobile

Typografi

Texten på våra webbplatser ska vara utformad så att den upplevs både estetiskt tilltalande och lättläst.

Vetenskapsrådets webbplatser kan ha antingen tre eller fem rubriknivåer beroende på hur många nivåer som krävs. Vi har olika typsnitt på våra olika webbar, men en gemensam rekommenderad storlek för textnivåer, baserat på brödtexten, för att säkerställa att teckenstorlekarna kontrasterar bra mot varandra. Håller de ett förhållande på ungefär 30 procent så håller de god kontrast i storlek. Radavståndet är beräknat i procent utifrån teckenstorleken.

Fonter

Rubriker: Atlas Grotesk

Brödtext: Atlas Grotesk

Rubriker: Times New Roman

Brödtext: Atlas Grotesk

Rubriker: Tiempos Headline

Brödtext: Roboto

Rubriker: Oswald

Brödtext: Open sans

Rubriker: Calibri

Brödtext: Helvetica


Rubriker: Atlas Grotesk

Brödtext: Atlas Grotesk

Rekommenderad storlek textnivåer

Textnivå

Storlek

Vikt

Heading 1 Large/sekundär (används ej på innehållssidor)

60px/120%

Regular/400

Heading 1

46px/120%

Regular/400

Heading 2

35px/125%

Regular/400

Heading 3

27px/125%

Regular/400

Heading 4

21px/130%

Regular/400

Heading 5

16px/150%

Medium/500

Brödtext

16px/150%

Regular/400

Text knappar

16px/150%

Medium/500