GIH:s webbdesign

Här finns verktyg och regler för att använda GIH:s logotyp.

GIH:s webbdesign

Introduktion


På GIH:s webbplats används vår grafiska identitet på ett avskalat sätt, med specifika tillämpningar för webbens ytor och funktionalitet.

Webben ska fungera som en nod i GIH:s ​externa kommunikation och är vårt skyltfönster utåt.

 


Logotyp på webben

Logotypens detaljrikedom gör att den inte lämpar sig för visning i för liten storlek på skärm. Logotypen på vår externa webbplats är svart och har en höjd på 78 pixlar.

För att visa en tydlig avsändare rekommenderas en höjd på minst 70 pixlar, men logotypen kan förminskas ända ner till 50 pixlar om så behövs. Mindre storlek än detta bör inte användas. I våra digitala kanaler är det bäst att placera logotypen i övre vänstra hörnet, för att tydligt visa vem avsändaren är.

image-20240624-134438.png
Logotyp på vår webbplats

Digitala typsnitt

För allmänna digitala kanaler som t ex vår externa webb, använder vi Lato och Open Sans. Dessa är utvalda för läsbarhet och visuellt intryck.

image-20240624-121345.png
Lato Bold
Lato_regular.png
Lato Regular
image-20240624-121452.png
Open Sans Regular

Rubriknivåer

image-20240624-134710.png
Rubriker på webbplatsen

Färger på webben

 

webb_Color_blue.png

 

webb_Color_2.png

 

webb_Color_3.png

 

Funktionsdesign

Knappar

image-20240624-134823.png
Länkknappar på puffar
image-20240624-150647.png
Knapp på kampanjyta

 

image-20240624-135002.png
Knappar för AI-rekommendationer

 

Design för “Hitta på sidan”

image-20240624-135102.png
Sidmeny på webben

 

Illustrationer

Vi använder kompletterande illustrationer från Google i manéret nedan, för att skapa variation, signalera modernitet och ge ett lugnare visuellt intryck.

 

image-20240624-135242.png

 

image-20240624-135254.png

Foton på webben

För att få ett konsekvent uttryck används professionella bilder som finns i GIH:s bildbank, och som har ett liknande uttryck och ljussättning.

 

image-20240624-135353.png

Sammanfattning av vår webbdesign

 

image-20240624-135441.png

 

Må bättre, nå längre.