Webb

För att vi ska vara lätta att känna igen måste vi vara konsekventa i vår kommunikation. Linköpings kommuns webbplatser är ansiktet utåt och ofta där kommuninvånare söker information och kontakt. Det är därför viktigt att våra webbplatsers innehåll stämmer överens med vårt varumärke för att tydliggöra Linköpings kommun som avsändare.

Logotyp

Logotypen som används på Linköping kommuns webbplatser är logotypen med lejonsymbolen och ordbilden Linköping.

Logotypen placeras i övre vänstra hörnet.

Typografi

På våra externa webbplatser (linkoping.se, Business Linköping och våra kampanjwebbar) används typsnittet Inter Tight. På Chefsportalen används PT Serif i huvudrubrik samt Arial i underrubriker och brödtext. På intranätet Linweb används Arial i både rubrik och brödtext.

Ikoner

På linkoping.se använder vi ikoner från ikonbiblioteket Font Awesome när vi skapar färgpuffar samt när vi gör genvägar på Chefsportalen.

Andra verksamheter

Verksamheter som har gränsytor externt mot kommuninvånare och företag samt internt mot personal ska så långt som möjligt följa Linköpings grafiska profil. Det gäller logotyp och webbfärger.

Webbfärger

På Linköpings kommuns hemsida används en tillgänglighetsanpassad variant av den primära färgskalan som tagits fram enligt WCAG1.

Färgen gul används enbart som komplementfärg.

Alla primärfärgerna utom den gula (komplementfärg) uppnår kontrastgränsen 4,5:1 enligt WCAG med text som sätts i vitt. Lila, grön, röd och blå primärfärg uppnår gränsen även med svart text.

Alla ljusa kontrastfärger är godkända enligt WCAG tillsammans med svart text. Alla mörka kontrastfärger är godkända enligt WCAG tillsammans med vit text.

Primärfärgerna kan användas i 20 % intervaller, det vill säga 100 %, 80 %, 60 %, 40 % och 20 % samt 10 % när nyanserna inte räcker till.

Färgkoder för webbfärger

Huvudfärg blå

	Ljusblå RGB: 144 202 214 HEX: #72cad6
	Blå - primär RGB: 0 130 155 HEX: #00829b
	Mörkblå RGB: 0 72 81 HEX: #004851

Toningar av primärfärg

	80% HEX: #339baf
	60% HEX: #66b4c3
	40% HEX: #99cdd7
	20% HEX: #cce6eb
	10% HEX: #e6f3f5

Komplementfärg gul

	Ljusgul RGB: 248 229 154 HEX: #f8e59a
	Gul - primär RGB: 255 181 73 HEX: #ffb549
	Mörkgul RGB: 115 83 29 HEX: #73531d

Toningar av primärfärg

	80% HEX: #ffc46d
	60% HEX: #ffd392
	40% HEX: #ffe1b6
	20% HEX: #fff0db
	10% HEX: #fff8ed

Signalfärg röd

	Ljusröd RGB: 255 163 181 HEX: #ffa3b5
	Röd - primär RGB: 207 39 50 HEX: #cf2732
	Mörkröd RGB: 124 37 41 HEX: #7c2529

Toningar av primärfärg

	80% HEX: #d9525b
	60% HEX: #e27d84
	40% HEX: #eca9ad
	20% HEX: #f5d4d6
	10% HEX: #fae9eb

Signalfärg grön

	Ljusgrön RGB: 161 216 132 HEX: #a1d884
	Grön - primär RGB: 0 138 21 HEX: #008a15
	Mörkgrön RGB: 3 90 29 HEX: #035a1d

Toningar av primärfärg

	80% HEX: #33a144
	60% HEX: #66b973
	40% HEX: #99d0a1
	20% HEX: #cce8d0
	10% HEX: #e6f3e8

Signalfärg lila

	Ljuslila RGB: 180 181 223 HEX: #b4b5df
	Lila - primär RGB: 106 108 205 HEX: #6a6ccd
	Mörklila RGB: 44 45 101 HEX: #2c2d65

Toningar av primärfärg

	80% HEX: #8889d7
	60% HEX: #a6a7e1
	40% HEX: #c3c4eb
	20% HEX: #e1e2f5
	10% HEX: #f0f0fa

Svart, grå och vit

	RGB: 255 255 255 HEX: #ffffff
	RGB: 234 234 234 HEX: #eaeaea
	RGB: 101 102 92 HEX: #65665c
	RGB: 0 0 0 HEX: #000000