Sidjämförelse

...

...

Exempel

...

/

...

Designspecifikation

...

Designspecifikation

...

Ineras kulörpalett består av en röd primärfärg (main), sekundärfärgerna mörkröd (secondary-dark) och ljusrosa (secondary-light) och ett antal komplementfärger där blå (sky-base, sky-dark samt sky-background) är det vi främst använder.
Ljusgrå är även en sekundärfärg i varumärkesmanualen, men används inte i stor omfattning på webben.På webben använder vi alltså i huvudsak röd och blå färgskala:
Den röda färgen används för att signalera invånartjänster och i varumärkesbyggande illustrationer och ikoner, huvudnavigering.

Den blå färgen används för att signalera tjänster för professionen, samt för På sidan-navigering, länkar och övriga ikoner av funktionell karaktär.

(Se tex. komponenten Navigation inspiration/verktyg (brickor) - 1177 för att illustrera skillanden mellan färganvändning för invånartjänster och profession)

Komplementfärger, förutom blå, används begränsat och då i de ljusaste nyanserna som bakgrundsfärg i ett fåtal komponenter som meddelanden etc.

Läs mer om färgpaletten i 1177 Vårdguidens varumärkesmanual.

Do’s and Don’ts

Se 1177 Vårdguidens varumärkesmanual.

Tillgänglighet

Samtliga färger i varumärkesmanualen är framtagna för att passa både tryck och digitalt bruk. Kontrastvärdena ska uppfylla kraven för två primära kulörer, en accent och en grupp med sekundära kulörer.

De primära kulörerna är brun och turkos: Inera Earth och Inera Ocean.

Accentfärgen är orange: Inera Sun.

De sekundära kulörerna är beige svart och vit: Inera Dust, Black och White. På webben använder vi även grå som sekundärfärg.

Do’s and Don’ts

-

Tillgänglighet

Den nivå av tillgänglighet som gäller för digitala tjänster under varumärket Inera är minst WCAG 2.1, AA.

Var noga med att kontrollera kontrastvärdena både för text mot bakgrund respektive komponenter och informationsbärande grafik. Se riktlinjer:
https://webbriktlinjer.se/riktlinjer/126-tillrackliga-kontraster/
https://webbriktlinjer.se/riktlinjer/156-anvand-tillrackliga-kontraster-i-komponenter-och-grafik/Obs! I varumärkesmanualen nämns det att “Samtliga färger är säkrade för tryck och digitalt bruk och uppfyller kraven för WCAG 2.0, AA.” Här bör tilläggas att det gäller nyans mörk av samtliga färger mot vit bakgrund, samt nyans bas för röd, blå, plommon och grå mot vit bakgrund. Kontrollera alltid kontrastvärdena själv mot den bakgrund som används.

Research på komponenten

Färgpaletten har tagits fram av One day interact på uppdrag av Diana Block och har i samband med detta tillgänglighetsanpassats/testats för att passa på webben (gäller huvudfärgerna).-

Relaterade resurser/komponenter

• 1177 Vårdguidens varumärkesmanual - färger

Status

...