Disse fargekodene brukes kun til digitale applikasjoner på skjerm. For eksempel nettstedet vårt, web-bannere, animasjoner og Powerpoint-presentasjoner mm.
ASE Fargeprofil Utdanningsforbundet (Digital)
1.11 KB
Updated
Farger
Riktig og konsekvent bruk av farger er viktig for å styrke merkevarens visuelle uttrykk og bidra til å sikre gjenkjenning over tid.
Primærfarger
Hovedfargene til Utdanningsforbundet er 'Energisk oransje' og 'Opplysende grønn'. Den oransje fargen er veldig sterk og synlig, og dermed brukes mest som aksentfarge. Den grønne fargen er frisk og tydelig. Den skaper en balanse med den energiske oransje fargen, og kan brukes på større flater. Sammen med 'Varm grå' og 'Dempet svart' skaper de et tydelig, mykt og originalt uttrykk som reflekterer Utdanningsforbundets merkevare.
Det er viktig at fargekoder brukes som beskrevet under.
Energisk oransje
- HEX #ff7700
- RGB 255, 119, 0
- CMYK 0,68,100,0
- PMS 1495 C
- PMS 1505 U
Opplysende grønn
- HEX #00af5d
- RGB 0, 175, 93
- CMYK 80,0,90,0
- PMS 7480 C
- PMS 7480 U
Varm grå
- HEX #9da08a
- RGB 157, 160, 138
- CMYK 40,30,45,2
- PMS 7535 C
- PMS 7535 U
Dempet svart
- HEX #282828
- RGB 40, 40, 40
- CMYK 70,65,65,70
- PMS Black 7 C
- PMS Black 3 U
Sekundærfarger
Sekundærfargene til Utdanningsforbundet brukes sammen med hovedfargene for å berike merkevareidentiteten på ulike kommunikasjonsflater. Alle fargene kan brukes for å gi en nedtonet kontrast til hovedpaletten.
De fleste fargene fra sekundær fargepalett kan brukes som bakgrunnsfarger, særlig lysere toner som 'Lys grå' og 'Dempet hvitt'. Farger som 'Oliven' og 'Himmelblå' brukes mest i illustrasjoner.
Mørk oliven
- HEX #5e5b06
- RGB 94, 91, 6
- CMYK 57,47,100,40
- PMS 581 C
- PMS 2308 U
Oliven
- HEX #a19c09
- RGB 161, 156, 9
- CMYK 15,5,100,25
- PMS 391 C
- PMS 2308 U
Himmelblå
- HEX #b6e3ff
- RGB 182, 227, 255
- CMYK 25,0,0,4
- PMS 290 C
- PMS 290 U
Grå
- HEX #c6c6ba
- RGB 198, 198, 186
- CMYK 23,17,25,0
- PMS 7534 C
- PMS 7534 U
Lysgrå
- HEX #ddddd5
- RGB 221, 221, 213
- CMYK 12,10,15,0
- PMS Warm Gray 1 C
- PMS Warm Gray 1 U
Dempet hvitt
- HEX #f0f0f0
- RGB 240, 240, 240
- CMYK 5,5,5,2
- PMS Cool Gray 1 C
- PMS Cool Gray 1 U
Dyp grønn
- HEX #003c32
- RGB 0, 60, 50
- CMYK 100,45,70,60
- PMS 3308 C
- PMS 3308 U
Grønn
- HEX #006032
- RGB 0, 96, 50
- CMYK 100,32,100,35
- PMS 349 C
- PMS 356 U
Lys grønn
- HEX #cae8da
- RGB 202, 232, 218
- CMYK 23,0,20,0
- PMS 621 C
- PMS 621 U
Tekstfarger
Svart og hvitt er de eneste fargene som bør brukes på tekst. Konsistent bruk av disse fargene er viktig fordi de skaper kontrast og rom til andre profil-farger.
Les mer om krav til fargekontrast her.
Svart
- HEX #000000
- RGB 0, 0, 0
- CMYK 70,50,30,100
- PMS Black 6 C
- NCS S 9000-N
Hvitt
- HEX #ffffff
- RGB 255, 255, 255
Streik farge
Det er definert en egen farge for streik. 'Streik rød' må kun brukes i forbindelse med streik, og er ellers ikke en profilfarge.
Se guidelines for streik materiale her. (🛠️ lenke kommer)
Streik rød
- HEX #ff4814
- RGB 255, 72, 20
- CMYK 0,85,100,0
- PMS 172 C
- PMS 172 U
Fargevekting
Bildet nedenfor gir et inntrykk av hvordan vi har tenkt å vekte fargene i designet. Det er viktig at de to primærfargene, 'Energisk oransje' og 'Opplysende grønn', brukes på en balansert måte og ikke overvelder de andre fargene i paletten. Den hvite fargen, sammen med lyse toner, skal ha en fremtredende plass i designet. Man bør alltid sikte mot et lett og lyst inntrykk.
Vær oppmerksom på at bildet under kun gir en grafisk representasjon av det generelle inntrykket – ikke en nøyaktig guide for hvert enkelt utfall.
Fargekontrast
For å sikre god lesbarhet skal all tekst ha tilstrekkelig kontrast mot bakgrunnen. Dette er viktig for alle brukere, særlig de med nedsatt syn, inkludert fargeblindhet. Liten tekst krever høyere kontrast for å ha god lesbarhet, enn stor eller fet tekst.
Nede kan du se hvilken tekstfarge bør brukes på de ulike profil-farger, i forhold til WCAG 2.0 standarden.
Det er viktig å merke at ikke alle profil-farger er definert til bruk som bakgrunn. Du kan lese mer om fargebruk i Primærfarger og Sekundærfarger.
Fargesystemer
For å gjengi fargen nøyaktig er det viktig å bruke de spesifikke fargekodene som er testet og konvertert for å være konsistente på tvers av forskjellige flater. Her er en forklaring på de ulike fargesystemene: