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-background |
95 | #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 |
...