Hjälp oss att bli bättre!

Delta gärna i vår webbundersökning och berätta vad du tycker om 1177.se. Undersökningen tar några minuter att göra och svaren är anonyma.

Du hittar undersökningen här.
Visuell identitet

Färger

Vår färgpalett består av en primärfärg, tre sekundärfärger och ett antal komplementfärger. För att skapa igenkänning och tydlighet i vår kommunikation använder vi endast i undantagsfall fler färger än de som beskrivs här.

Samtliga färger är säkrade för tryck och digitalt bruk och uppfyller kraven för WCAG 2.0, AA.

För färgkoder som ska användas för digitalt bruk, hänvisas även till Ineras UX-ramverk med tillhörande designsystem.

Primärfärg Röd

Primärfärg Röd är vår viktigaste identitetsbärande färg. Kombinerad med sekundärfärgena bildar den vår visuella identitets färgsignatur. Sekundärfärgerna är mörkröd, ljusrosa, ljusgrå och vit.

Primärfärgen Röd ska vara närvarande i vår kommunikation, men inte dominant, med en fördelning på ¼ mot övriga färger.

Användning

  • För att etablera vår närvaro, exempelvis som inledning och avslut i ett tryckt material, bildspel, film eller digital upplevelse.
  • Primär logotyp.
  • Bakgrund för vit logotyp.
  • Enfärgad och tvåfärgad rubrik.
  • Linjer i ikoner och illustrationer, i kombination med mörkröd.
  • Punktlistor.
  • Sidfot.

Se exempel på hur primärfärgen kan användas.

Färgkoder Röd

För tryck på bestruket papper:
PMS: 193 C
CMYK:  22, 100, 76, 0

För tryck på obestruket papper:
PMS: 1935 U
CMYK:  0, 93, 62, 7

RGB:  193, 33, 67
HEX:  #C12143

Är du osäker på vilket papper du ska trycka på eller vilken teknik du ska trycka med, välj i så fall PMS och CMYK för bestruket papper. 

 

 

Sekundärfärger

Våra sekundärfärger formar tillsammans med primärfärg Röd, vår visuella identitets färgsignatur.

Mörkröd används för att skapa kontraster i tvåfärgade rubriker och grafik.

Ljusrosa och ljusgrå används till bakgrunder för text och grafik.

Färgkoder Mörkröd

Exempelbild på sekundärfärg mörkröd

PMS C: 209 (Bestruken)
CMYK: 20, 97, 45, 58

PMS U: 209 (Obestruken)
CMYK: 22, 90, 40, 35

RGB: 106, 0, 50
HEX: #6A0032

Exempelbild på rosa sekundärfärg

Färgkoder Ljusrosa

CMYK: 1, 6, 2, 0
RGB: 250, 238, 240
HEX: #FAEEF0

Ljusrosa används som bakgrund för budskap. Den kan ersättas med ljusgrå när det inte passar med ljusrosa.

Exempelbild på sekundärfärgen grå

Färgkoder Ljusgrå

CMYK: 4, 2, 3, 0
RGB: 241, 242, 242
HEX: #F1F2F2

Ljusgrå används som bakgrund för budskap. Den kan ersättas med ljusrosa när det inte passar med ljusgrå.

Komplementfärger

Alla komplementfärger

Våra komplementfärger används för visualiseringar som exempelvis illustrationer, animationer och infografik. Färgerna är speciellt framtagna för att fungera bra ihop och harmoniera med primär- och sekundärfärgerna.

Paletten består av fem färger i fem toner: bas, mörk, klar, linje och bakgrund.

Tänk på det här när du arbetar med komplementfärgerna:

  • Använd dem för visualisering.
  • Anpassa färgval efter budskap och målgrupp.
  • Använd inte komplementfärgerna på identitetsbärande element som logotyp, text, cirkel, eller ikoner.

Se exempel på hur det kan se ut

Himmel

Exempel på komplementfärgerna himmel
Färgrymd: Himmel Bas Mörk Klar Linje Bakgrund
CMYK 83, 58, 22, 6 84, 77, 36, 23 75, 29, 0, 0 21, 11, 6, 0 4, 3, 1, 0
RGB 57, 98, 145 59, 66, 102 0, 151, 227 198, 210, 223 241, 241, 245
HEX #396291 #3B4266 #0097E3 #C6D2DF #F1F1F5

Gräs

Exempel på kompementfärgen Gräs
Färgrymd: Gräs Bas Mörk Klar Linje Bakgrund
CMYK 77, 20, 100, 6 74, 43, 99, 41 61, 1, 100, 0 19, 4, 29, 0 5, 0, 7, 0
RGB 64, 144, 2 57, 84, 40 111, 187, 43 207, 222, 191 238, 248, 238
HEX #419002 #395428 #6FBB2B #CFDEBF #EEF8EE

Plommon

Exempel på komplementfärgen plommon
Färgrymd: Plommon Bas Mörk Klar Linje Bakgrund
CMYK 36, 89, 11, 0 62, 93, 41, 36 0, 70, 9, 0 1, 25, 3, 0 2, 6, 0, 0
RGB 169, 66, 139 89, 36, 76 244, 115, 159 245, 201, 216 246, 238, 246
HEX #A9428B #59244C #F4739F #F5C9D8 #F6EEF6

Sol

Exempel på komplementfärgen sol
Färgrymd: Sol Bas Mörk Klar Linje Bakgrund
CMYK 0, 61, 100, 0 32, 89, 100, 42 0, 25, 100, 0 1, 7, 48, 0 0, 2, 12, 0
RGB 250, 129, 0 117, 38, 12 255, 193, 0 255, 230, 153 255, 248, 224
HEX #FA8100 #75260C #FFC100 #FFE699 #FFF8E0

Sten

Exempel på komplementfärgen sten
Färgrymd: Sten Bas Mörk Klar Linje Bakgrund
CMYK 61, 52, 50, 21 69, 63, 62, 57 52, 43, 41, 6 13, 10, 10, 0 4, 2, 3, 0
RGB 99, 100, 102 53, 53, 53 128, 130, 133 218, 219, 220 241, 242, 242
HEX #636466 #353535 #808285 #DADBDC #F1F2F2

Webbfärger

Exempel på webbfärgerna
Typ Call to action Navigation Mörkröd
RGB 57, 98, 145 160, 11, 54 106, 0, 50
HEX #396291 #A00B36 #6A0032
Till toppen av sidan