Färger

Sveriges Ingenjörers färger används återhållsamt och med tydliga roller.

Det är kontrasten mellan blått, rosa och ljusa ytor som skapar igenkänning och riktning i vår kommunikation.

Färgpalett

• Blå – bär ytor och struktur
• Rosa – driver handling
• Ljusgrå – bygger bakgrunder
• Vit – skapar kontrast och lyfter innehåll
• Mörkgrå - ger textinnehåll bästa läsbarheten

Blå

#0073D7

Blå är vår primära färg och används för att bygga upp enheter.

• Används som bakgrundsfärg
• Bär huvudbudskap
• Ska inte användas till text
• Används konsekvent och utan variation

Blå skapar struktur och sammanhang.

Rosa

#CE396A

Rosa används för att lyfta fram handling.

• Används för call-to-action (t.ex. knappar)
• Kan användas för kortare, uppmärksamhetsdrivande element
• Ska alltid användas sparsamt
• Får aldrig dominera en hel yta

Rosa signalerar riktning och aktivitet.

Ljusgrå bakgrund

#F0F0F2

Ljusgrå används som bakgrund för större ytor, främst i digitala gränssnitt.

• Används som standardbakgrund i t.ex. artiklar och innehållssidor
• Skapar en mjukare kontrast än ren vit
• Möjliggör att element med vit bakgrund kan lyftas fram

Vit används på komponenter ovanpå den ljusgrå ytan för att skapa tydlig separation.

Vit

#FFFFFF

Vit används för att skapa kontrast och lyfta innehåll.

• Bakgrund till logotypen (ramen)
• Används på komponenter som ska sticka ut mot ljusgrå bakgrund
• Skapar tydliga lager i layouten

Vitt används strategiskt – inte som standardbakgrund.

Textfärg

#1B252E

Standardfärg för text.

• Används för brödtext och längre innehåll
• Säkerställer god läsbarhet mot ljusa bakgrunder
• Ersätter svart i de flesta sammanhang

Ger ett mjukare och mer kontrollerat uttryck än ren svart.

Användning i praktiken

• Låt blå bära ytor
• Använd rosa för att driva handling
• Använd ljusgrå som bas i digitala miljöer
• Lyft innehåll med vita ytor ovanpå ljusgrå bakgrund
• Sätt text i #1B252E

Undvik att:

• använda vit som standardbakgrund i digitala gränssnitt
• låta rosa ta över en enhet
• använda blå som textfärg i små storlekar