ECOKRAFT

Färger

Färger är en central del av vår identitet. De hjälper till att skapa igenkänning och associationer, samt att särskilja uttrycket mellan våra olika verksamheter. Färgerna är konsekventa mellan tryckta och digitala kanaler, men deras tillämpning varierar beroende på kontexten.

Primärfärger

Vår färgpalett består av tre färger i två olika nyanser med olika användningsområden. Grön används när vi pratar om Ecokraft och Ecokraften, blå använder vi till underlag mot företag och den gula färgen använder vi när vi pratar om Ecocare.

ECOKRAFT/Privat

Grön

#9ACD32

154 205 50

40% 0% 100% 0%

376 U

376 C

Ljusgrön

#B9F200

185 242 0

32% 0% 100% 0%

2297 U

2297 C

ECOKRAFT/Företag

Blå

#478395

71 131 149

75% 37% 34% 4%

7697 U

7697 C

Ljusblå

#A3DEF1

163 222 241

33% 0% 4% 0%

2975 U

2975 C

ECOCARE

Gul

#FFC40F

255 196 15

0% 24% 98% 0%

7548 U

7548 C

Ljusgul

#FFE662

255 230 98

2% 6% 74% 0%

113 U

113 C

Nyanser / Gråskala

De utökade färgerna är främst utformade för digitala gränssnitt, infografik, illustrationer och produktdesign. De används där ton-i-ton kombinationer förbättrar kommunikationen eller användarupplevelsen, till exempel vid hovringseffekter eller för inaktiva knappar.

Nyanser

#F9FCF3

RGB: 249 252 243

#E6F3CC

RGB: 230 243 204

#BCDE76

RGB: 188 222 118

#A2D143

RGB: 162 209 67

#8CBA2D

RGB: 140 186 45

#668821

RGB: 102 136 33

#121806

RGB: 18 24 6

#F5F9F9

RGB: 245 249 249

#C2D6DC

RGB: 194 214 220

#84ACB8

RGB: 132 172 184

#568D9E

RGB: 86 141 158

#3A6B7A

RGB: 58 107 122

#294C57

RGB: 41 76 87

#0D181B

RGB: 13 24 27

#FEF9EC

RGB: 254 249 236

#FAE7AD

RGB: 250 231 173

#F7D66F

RGB: 247 214 111

#F4CA46

RGB: 244 202 70

#F1B808

RGB: 241 184 8

#C59707

RGB: 197 151 7

#181301

RGB: 24 19 1

Gråskala

#F2F2F2

RGB: 242 242 242

#E0E0E0

RGB: 224 224 224

#A8A8A8

RGB: 168 168 168

#8C8C8C

RGB: 140 140 140

#757575

RGB: 117 117 117

#333333

RGB: 51 51 51

#222222

RGB: 34 34 34

Användning

Den mörka nyansen av färgen används alltid till en ljus bakgrund. Den ljusare nyansen används till mörkare bakgrunder. Dessa premisser gäller för samtliga färger.

Nyanser

Visningsexempel

Mörkgrön mot ljus bakgrund

Ljusgrön mot mörk bakgrund

Nyanser

Visningsexempel

Mörkblå mot ljus bakgrund

Ljusblå mot mörk bakgrund

Nyanser

Visningsexempel

Mörkgul mot ljus bakgrund

Ljusgul mot mörk bakgrund

Gradienter

Gradienter är ett kraftfullt verktyg för att skapa en dynamisk och modern känsla i den visuella identiteten. De tre gradienterna i vår färgpalett är utformade för att representera företagets olika affärsområden och kan användas på ett effektivt sätt i digitala sammanhang.

ECOKRAFT/Privat

Denna gradient representerar vår kärnverksamhet och består av en mjuk övergång mellan två nyanser av grön. Den ger en känsla av hållbarhet, tillväxt och förnyelse.

ECOKRAFT/Företag

Denna gradient är avsedd för företag och består av en kombination av gröna och blåa nyanser. Den ger en känsla av stabilitet, pålitlighet och teknisk kompetens.

ECOCARE

Ecocare-gradienten består av en varm övergång mellan grön och gula nyanser, vilket skapar en känsla av passion, energi och omsorg.

Visningsexempel

Do’s & Dont’s

När det gäller att använda våra färger på ett korrekt och konsekvent sätt är det viktigt att följa vissa riktlinjer. Denna sektion ger en översikt över vad som bör göras och vad som bör undvikas för att upprätthålla en stark och enhetlig färgprofil.

Do

Om text används över primärfärg används ljus primärfärg bakom ljus text och mörk bakom mörk färg.

Gradienten är godkänd att användas som färgval till text, dock endast till etikett om det gäller en hel artikel.

Färg kan med fördel användas för att lyfta nyckelord i text. Men se till att läsbarheten av texten är god.

Gradienterna kan med fördel användas som bakgrund. Men se till att läsbarheten av texten är god.

Don't

Använd inte primärfärgen för mörka sektioner till ljusa sektioner och vice versa.

Blanda ej specifika färger från de olika affärsområderna. Om det inte gäller en gradient.

Gradienter som textfärg används inte på rubriker, om en hel artikel presenteras.

Se till att läsbarheten är god nog på texten.

Logotyp Typografi