Välkommen till vår grafiska profil

Denna sida visar exempel på vår grafiska profil inklusive färger, typsnitt och layout.

För att använda den här mallen så gör du ändringarna i CSS-filen. Du kan där styra över storleksmått samt färg och typsnitt.

Innehåll

• Logotyp
• Typografi
• Färger
• Övrigt

Logotyp

Beskriv logotypens design och betydelse.

Vår logotyp representerar vårt varumärke och ska användas enligt riktlinjerna nedan.

Logotypen finns i två olika varianter, med text och enbart symbol.

Med text

Endast symbol

Typografi

Försök förklara valet av typsnitt och vad du vill förmedla med dem.

Vi använder följande typsnitt för våra dokument och webbplatser:

• Rubriker: sans-serif, vikt 600-800, radavstånd 1.1
• Brödtext: serif, vikt normal, radavstånd 1.5

Text och rubriker

Rubriker ska vara tydliga och använda rätt storlek enligt hierarkin.

Rubrik nivå 1

Rubrik nivå 2

Rubrik nivå 3

Rubrik nivå 4

Brödtext ska vara lättläst och följa linjeavståndet 1.6.

Siffror

• 0123456789 - 10 20 30 40 50 60 70 80 90
• 0123456789 - 10 20 30 40 50 60 70 80 90

Färger

Beskriv färgpaletten och dess användning.

Företagets färgpalett är vald för att förmedla en känsla av...

Primär färg

Vår primära färg är och den är vald för att.

Sekundär färg

Vår sekundära färg är och den kompletterar den primära färgen genom att.

Om du har fler färger så skapa nya färgprover med samma struktur.

Övrigt

Inkludera andra viktiga element av den grafiska profilen här.

Här kan du lägga till riktlinjer för ikoner, bildstil, layoutprinciper och andra visuella element som är viktiga för att upprätthålla en konsekvent grafisk profil.

Ikoner

För ikoner så använder vi oss av Google icons. Försök använda svg-filer i html koden om möjligt för störst kontroll. Det går då att applicera färgklasser med css på svg-bilden.

Bildstil

Bilder ska vara högupplösta och följa en konsekvent stil som speglar vårt varumärke.

Undvik överdriven redigering och använd naturliga färger när det är möjligt.

Knappar

Knappar ska vara tydliga och använda våra primära eller sekundära färger beroende på kontext.