Medarbeiderne logo.

Bruk av farger

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

  • CMYK

    92, 53, 36, 24

Mellomblå

  • HEX

    #6196a8

  • RGB

    97, 150, 168

  • CMYK

    64, 27, 27, 6

Grønn

  • HEX

    #b9ce13

  • RGB

    185, 206, 19

  • CMYK

    36, 0, 97, 0

Gul

  • HEX

    #fee194

  • RGB

    254, 225, 148

  • CMYK

    1, 12, 51, 0

Rosa

  • HEX

    #dea7cd

  • RGB

    222, 167, 205

  • CMYK

    13, 43, 0, 0

Lilla

  • HEX

    #8299b3

  • RGB

    130, 153, 179

Svart

  • HEX

    #000000

  • RGB

    0, 0, 0

  • CMYK

    0, 0, 0, 100

Tilstrekkelig kontrast mot:

Hvit

Beige

Lys oransje

Mellomblå

Lys blå

Oransje

Lys grå

Mørk grå

  • HEX

    #696e74

  • RGB

    105, 110, 116

  • CMYK

    54, 44, 40, 26

Mellomgrå

  • HEX

    #d3d3d3

  • RGB

    211, 211, 211

  • CMYK

    20, 15, 16, 0

Lys grå

  • HEX

    #e5e4e3

  • RGB

    229, 228, 227

  • CMYK

    12, 9, 11, 0

Hvit

  • HEX

    #ffffff

  • RGB

    255, 255, 255

  • CMYK

    0, 0, 0, 0