Medarbeiderne logo.

Bruk av farger

Riktig og konsekvent bruk av farger er viktig for å styrke Medarbeidernes identitet. Fargene skal, så langt det lar seg gjøre, gjengis med verdiene som er oppgitt her.

Alle verdier kan enkelt kopieres ved å klikke på ikonet ved siden av verdien.

Hopp til

Bakgrunnsfarger

Å ha riktige bakgrunnsfarger er viktig for å sikre et konsistent uttrykk på tvers av flater, men også sikre at innholdet til Medarbeiderne er universelt utformet.

Retningslinjer for bakgrunnsfarger

Prioriterte bakgrunnsfarger: disse bakgrunnsfargene er selve standarden, og de som vil bli brukt mest. De sikrer et rent og tydelig uttrykk til alle former for tekst, bilde og illustrasjoner.

  • Beige
  • Mørk brun

Alternative bakgrunnsfarger: Bakgrunnsfarger trenger også variasjon, særlig for å skape oppmerksomhet og dramaturgi. Disse fargene kan brukes i tillegg til de prioriterte bakgrunnsfargene. Eksempel: i informasjonsbokser på nettsiden, eller maler for sosiale medier.

  • Lys blå
  • Lys oransje

Beige

Mørk brun

Lys blå

Lys oransje

Utheving av tekst

Det er mulig å utheve ord i titler, til for eksempel sosiale medier. Da brukes én av disse fargene. Se retningslinjer for hvilke farger som skal brukes når og på hvilken bakgrunn.

Retningslinjer for bruk av farger til utheving av tekst

  • Lys oransje
    • Standard utheving, brukes kun på mørk brun bakgrunn.
  • Lys brun
    • Standard utheving, brukes kun på beige bakgrunn.
  • Lys blå
    • Brukes der det er behov for mer farger, og kun på mørk brun bakgrunn.
  • Lys grønn
    • Brukes kun med illustrasjoner og bilder med grønne detaljer, og kun på mørk brun bakgrunn.

Lys grønn

Lys blå

Lys oransje

Lys brun

Riktig og feil bruk

Veiledning for bruk av farger.

1

✅ Riktig bruk. Her er det gode kontraster mellom tekst og bakgrunn.

2

❌ Feil bruk. Mørk blå er ikke en bakgrunnsfarge, og resulterer til dårlig kontrast.

3

✅ Riktig fargeutheving til bakgrunnsfarge

4

❌ Feil fargeutheving skaper for svak kontrast

5

✅ Riktig bruk av farge på tekst og bakgrunn

6

❌ Feil, da lys grønn ikke er en bakgrunnsfarge

7

✅ Riktig bruk av bakgrunnsfarge

8

❌ Feil, oransje er ikke en bakgrunnsfarge

Farger til illustrasjoner

Illustrasjoner bruker en utvidet fargepalett. Disse fargene er kun ment for illustrasjoner og skal ikke brukes i andre typer innhold.

Den utvidede paletten gir illustrasjoner mer liv, samtidig som resten av designet holder seg enkelt og konsistent.

1
1

Mørk blå

  • HEX

    #075670

  • RGB

    7, 86, 112

Mellomblå

  • HEX

    #6196a8

  • RGB

    97, 150, 168

Grønn

  • HEX

    #b9ce13

  • RGB

    185, 206, 19

Gul

  • HEX

    #fee194

  • RGB

    254, 225, 148

Rosa

  • HEX

    #dea7cd

  • RGB

    222, 167, 205

Lilla

  • HEX

    #8299b3

  • RGB

    130, 153, 179

Svart

  • HEX

    #000000

  • RGB

    0, 0, 0

Tilstrekkelig kontrast mot:

Hvit

Beige

Lys oransje

Mellomblå

Lys blå

Oransje

Lys grå

Mørk grå

  • HEX

    #696e74

  • RGB

    105, 110, 116

Mellomgrå

  • HEX

    #d3d3d3

  • RGB

    211, 211, 211

Lys grå

  • HEX

    #e5e4e3

  • RGB

    229, 228, 227

Hvit

  • HEX

    #ffffff

  • RGB

    255, 255, 255