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å |
|
|
Blå - primär |
|
|
Mörkblå |
Toningar av primärfärg
|
80% |
|
|
60% |
|
|
40% |
|
|
20% |
|
|
10% |
Komplementfärg gul
|
Ljusgul |
|
|
Gul - primär |
|
|
Mörkgul |
Toningar av primärfärg
|
80% |
|
|
60% |
|
|
40% |
|
|
20% |
|
|
10% |
Signalfärg röd
|
Ljusröd |
|
|
Röd - primär |
|
|
Mörkröd |
Toningar av primärfärg
|
80% |
|
|
60% |
|
|
40% |
|
|
20% |
|
|
10% |
Signalfärg grön
|
Ljusgrön |
|
|
Grön - primär |
|
|
Mörkgrön |
Toningar av primärfärg
|
80% |
|
|
60% |
|
|
40% |
|
|
20% |
|
|
10% |
Signalfärg lila
|
Ljuslila |
|
|
Lila - primär |
|
|
Mörklila |
Toningar av primärfärg
|
80% |
|
|
60% |
|
|
40% |
|
|
20% |
|
|
10% |
Svart, grå och vit
|
RGB: 255 255 255 |
|
|
RGB: 234 234 234 |
|
|
RGB: 101 102 92 |
|
|
RGB: 0 0 0 |