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
...
Färger
...
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.
| Observera |
|---|
Observera att den beige färgen (Secondary/95) endast får användas för tjänster riktade mot vårdpersonal och profession. |
...
Variabler
...
Variabler används i våra designsystem i Figma för att skapa färgsystem. En variabel har ett namn som inte är färgspecifikt (t ex Primary/40) och som motsvarar en hexkod (t ex #C12143). Genom att skapa färgsystem med generella namn blir designsystemet enklare att hantera, förvalta och förändra.
...
Färg | Variabel | Värde | Utgående namn | ||
|---|---|---|---|---|---|
 | Primary/30 | #6A0032 | Basfärger/secondary-dark | ||
 | Primary/35 | #A00B36 | Webbspecifika färger/nav | ||
 | Primary/40 | #C12143 | Basfärger/main | ||
 | Primary/90 | #FAEEF0 | Basfärger/secondary-light | ||
  | Secondary/40 | #396291 | Himmel/sky-base | ||
 | Secondary/90 | #C6D2DF | Himmel/sky-line | ||
 | Secondary/95 | #F1F1F5 | Himmel/sky-background95 | #FAF8F6 | - |
 | Accent/30 | #3B4266 | Himmel/sky-dark | ||
 | Accent/40 | #396291 | Webbspecifika färger/cta | ||
 | Accent/90 | #C6D2DF | Himmel/sky-line | ||
 | Accent/95 | #F1F1F5 | Himmel/sky-background | ||
 | Neutral/20 | #353535 | Sten/stone-dark | ||
 | Neutral/40 | #636466 | Sten/stone-base | ||
 | Neutral/50 | #808285 | Sten/stone-clear | ||
 | Neutral/90 | #DADBDC | Sten/stone-line | ||
 | Neutral/99 | #F1F2F2 | Sten/stone-background | ||
 | Neutral/100 | #FFFFFF | Sten/white | ||
 | Success/30 | #395428 | Gräs/grass-dark | ||
 | Success/40 | #419002 | Gräs/grass-base | ||
 | Success/99 | #EEF8EE | Gräs/grass-background | ||
 | Attention/40 | #FFC100 | Sol/sun-clear | ||
 | Attention/95 | #FFF8E0 | Sol/sun-background | ||
 | Error/40 | #C12143 | Basfärger/main | ||
 | Error/99 | #FAEEF0 | Basfärger/secondary-light | ||
 | Background/40 | #FFFFFF | Basfärger/white |
Designspecifikation
...
1177 för invånare
1177:s färgpalett består av en röd primärfärg, sekundärfärgerna mörkröd och ljusrosa och ett antal komplementfärger där blå är det vi främst använder.
...
På webben använder vi alltså i huvudsak röd och blå färgskala.
...
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)
Navigationsbrickor för navigering till artikelsidor och med syfte att informera och inspirera
...
För navigering till artikelsidor och med syfte att informera och inspirera används röd färgskala.
För navigering som används till verktyg används blå färgskala.
...
...
1177 för vårdpersonal
Färg för vårdpersonal använder samma palett som 1177 för invånare, men använder i större utsträckning de blå färgerna som primärfärg. Som komplement används en, specifikt för vårdpersonal framtagen, beige färg som sekundärfärg. Vit används som bakgrundsfärg.
Typografi för vårdpersonal använder mörkgrå färg. 1177 för vårdpersonal är mer avskalat och inte lika rött som 1177 för invånare.
Färger för statusmarkering
...
Publicerad | |
|---|---|
Senast uppdaterad | 11 sep 2023 |