Designprofil
Her finner du Utdanningsdirektoratets designprofil og retningslinjer for hvordan profilen skal brukes. Logo, typografi, farger og bilder skal brukes slik vi beskriver her.
All bruk av Utdanningsdirektoratets designprofil skal avklares med vår Stab for kommunikasjon. Kontakt oss på media@udir.no.
Logo
Vi har to ulike logoer, en hvor navnet skrives fullt ut og en med forkortelsen Udir.
- Det skal alltid være god kontrast mellom logo og bakgrunn.
- Logoens utseende, proporsjoner og farger skal ikke endres.
- Logotypografien skal ikke brukes uten logosymbolet.
Logoen må ha tilstrekkelig rom rundt seg. Andre objekter skal plasseres utenfor klaringen som vist under.
Logoen kommer i tre språk, bokmål, engelsk og samisk.
Film
Vi har også retningslinjer og grafisk rammeverk for filmer der Utdanningsdirektoratet er avsender.
Fargepalett
Udir-grønn er en tydelig farge og den mest karakteristiske profilfargen. Den synes like godt på svart og hvit bakgrunn. Den bør ikke brukes i store mengder og er forbeholdt detaljer hvor den utgjør en kontrast.
Den sekundære fargepaletten består av nøytrale farger som harmoniserer med merkevarefargen uten å stjele oppmerksomheten. De lyse fargene er nedtonet og kan fint brukes på flater og detaljer uten at det dominerer uttrykket. Fargekontraster må være sterke nok til å gi god lesbarhet. Alle farger kan brukes i prosenter.
- For trykksaker bruk CMYK
- For skjerm brukes RGB
Udirs hovedfarger er grønn, eggeskall, fersken, lys azur, stålblå og skifer. For nettjenester fins hovedfargene også i lysere og mørkere nyanser til bruk i kombinasjon med tekst, grafikk og diagrammer. I tillegg fins det støttefarger for nettjenester.
Grønn
- Fargekode for hovedfargen er #7DBF9D (RGB: 125, 191, 157) (CMYK: 55, 3, 47, 0).
- Fargekoder for nyanser er #DEF2E7, #B9E1CC, #447266, #E3F2EB, #94CAAE, #3B7858 og #254B38.
Eggeskall
- Fargekode for hovedfargen er #F2E8DA (RGB: 242, 232, 218) (CMYK: 6, 9, 16, 0)
- Fargekoder for nyanser er #DBC7AC, #BFA687, #7F6D56, #F6EFE4, #D6B689, #8C6631 og #5E4521.
Fersken
- Fargekode for hovedfargen er #EED0C3 (RGB: 238, 208, 196) (CMYK: 6, 22, 21, 0)
- Fargekoder for nyanser er #F8E7E0, #DDAA95, #9D5038, #F8ECE6, #DC9E83, #A7532F og #63321C.
Lys azur
- Fargekode for hovedfargen lys azur er #E2E3F1 (RGB: 226, 228, 241) (CMYK: 13, 9, 2, 0)
- Fargekoder for nyanser er #C7C9E3, #999CBF, #666883, #9497CB, #EAEAF5, #494E96 og #2A2C56.
Stålblå
- Fargekoden for hovedfargen stålblå er #BAC6D8 (RGB: 186, 198, 216) (CMYK: 31, 17, 9, 1)
- Fargekoder for nyanser er #DCE5F3, #8B9CB5, #4E6689, #EBEEF3, #99ABC5, #51698F og #2E3c51.
Skifer
- Fargekoden for hovedfargen skifer er #6D889D (RGB: 109, 136, 157) (CMYK: 56, 32, 22, 18)
- Fargekoder for nyanser er #D9E5F1, #B7CCDC, #2F4960, #ECEFF2, #AOB1BF, #546b7D og #191D24.
Støttefarger
For nettjenster har vi støttefargene mørkeblå og mørkegrå.
Mørkeblå #00468E skal brukes når man holder musepekeren over knapper og lenker.
Mørkegrå #303030 brukes for eksempel på tekst, dekorlinjer, knapper og bakgrunner. Fargekoder for nyanser av grå er #F4F4F4 og #EAEAEA. Det er mulig å utvide gråskalaen ved behov. Hvit har fargekoden #FFFFFF.
Typografi
Vi bruker et enkelt typografisk hierarki med få nivåer. Unngå mange ulike tekststørrelser i samme flate. En linjeavstand på 1,2 ganger tekstens punktstørrelse utnytter plassen effektivt. Vi bruker tekstspalter for å unngå linjebredder over 13 cm i håndholdte trykksaker.
Roboto – Udirs hovedfont for web og trykksaker
Roboto er en moderne, geometrisk og karaktersterk font med høy lesbarhet. Roboto er godt egnet for mengdetekst i liten størrelse, både på skjerm og trykk. Proporsjonene tillater en lav linjehøyde som gjør skriften plasseffektiv og gir rom for luft.
Last ned fonten Roboto her
Montserrat
Montserrat er en funksjonell og dekorativ font som er godt egnet til overskrifter. Denne fonten kan brukes til overskrifter.
Last ned fonten Montserrat her
Font som er lett å lese for yngre barn
Mulish er en barnevennlig font som er bygd opp av enkle geometriske grunnformer.
Last ned fonten Mulish her
Til excel og store dokumenter med tall brukes roboto eller calibri.
Bildebruk
Vi har et bibliotek med bilder. Disse kan du kun bruke som illustrasjonsbilder når Utdanningsdirektoratet er avsender. Det er ikke mulig for andre enn Utdanningsdirektoratet å bruke bildene våre.
Bildene kjennetegnes ved at de har en positiv tone som viser frem barn, elever og ansatte i barnehage og skole. Vær bevisst på hvilken kontekst du bruker bildene i.
Nettjenester
Vi har laget prinsipper for hvordan toppfelt og bunnfelt skal være på nettjenester fra Udir for å ivareta designprofilen.
Nettjenester basert på standardverktøy og nettjenester Udir eier sammen med andre skal følge designprofilen så langt det er mulig. Kontakt media@udir.no for å få råd.
Universell utforming
Alle trykksaker og nettløsninger skal være universelt utformet. Les om kravene til universell utforming på uutilsynets nettsider.