1177:s färgpalett består av en röd primärfärg, sekundärfärgerna mörkröd och ljusrosa samt ett antal komplementfärger.
...
Innehållsförteckning |
---|
...
Exempelbild
...
Info |
---|
1177:s varumärkesmanual är den prioriterade källan och är alltid vad vi utgår från i första hand när det gäller korrekt information om färger och färgkoder. |
Innehållsförteckning |
---|
...
Inkludera sida | ||||
---|---|---|---|---|
|
Designspecifikation
...
1177:s färgpalett 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.
...
När ska jag använda röd eller blå färg?
Huvudregel
Röd färg används för element som är avsedda för information (inspiration).
Blå färg används för element som är avsedda för verktyg.
På detaljnivå
Röd färg:
Varumärkesbyggande illustrationer
Ikoner i ramverk (sajthuvud)
Länkar i ramverk (sajthuvud, sajtfot, megameny)
Accordions*
Navigationsbrickor för navigering till artikelsidor och med syfte att informera och inspirera
...
Röd = varning
Grön = ok/avklarat
Andra färger
Komplementfärger, förutom blå samt gul för meddelanden, används i övrigt mycket begränsat och rekommenderas att endast användas när det finns ett starkt specifikt behov.
Läs mer om färgpaletten i 1177:s 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 WCAG 2.1, AA.
...
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.
...
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
Status
...
Status
...
Status | ||||
---|---|---|---|---|
|
...
Publicerad
...
2020-01-18
...
Senast uppdaterad
...
Feedback
...
Hjälp oss att förbättra den här sidan genom att ge feedback, ställa frågor och lämna andra kommentarer på Inera UX Slacken i kanalen #komponenter_design eller #komponenter_kod alternativt kan du använda vårt formulär.
Publicerad | |
---|---|
Senast uppdaterad |