Grafisk profil på digitale flater

Her finner du retningslinjer for bruk av farger, skrifttyper og andre elementer på digitale flater der Universitetet i Bergen er den offisielle avsenderen. Retningslinjene er basert på UiBs grafiske profil og det visuelle uttrykket på uib.no. Bruk av den grafiske profilen sikrer at UiB fremstår med et helhetlig visuelt uttrykk overfor sine målgrupper og på tvers av kommunikasjonsflater.

Når det gjelder nettsider, skal alt innhold som har Universitetet i Bergen som eneste og offisielle avsender publiseres på uib.no. I noen tilfeller kan det i tillegg være behov for egen nettside utenfor uib.no. Mer informasjon om opprettelse av nettsider.

Til TV/video-produksjon er det laget en rekke maler. Malene finnes her.

Tilhørighet

Navnet «Universitetet i Bergen» («University of Bergen») viser hvem vi er, og skal være godt synlig. Navnet skal forkortes «UiB» uansett språk. UiBs logo eller emblem bør også brukes. På nettsider kan logo/emblem plasseres i topp eller i bunn/kolofonfelt.

UiBs logo

UiBs emblem

Mer informasjon om bruk av navn, emblem og logo.

Farger

Farger er visuelle grunnelementer som bidrar til å skape et helhetlig uttrykk. Fargene kan brukes som rene farger (verdiene under) og i alle gradienter mot hvit. En generell regel er at det skal være god kontrast mellom bakgrunnsfarge og tekst.

Hovedfarger

En kan velge hvilken av hovedfargene en ønsker å bruke. Fargen som velges bør være dominerende (kan for eksempel brukes i toppbanneret på nettside). De tre fargene over er brukt i «Hav, liv, samfunn» som er symbolene til UiB. CF3C3A er brukt som hovedfarge på uib.no.

Tekst

333333 er brukt som tekstfarge på uib.no

Tilleggsfarger

Fargene over kan for eksempel brukes på bakgrunnsflater. DCD5CF er brukt i kolofonfeltet på uib.no.
F5F5F5 er brukt som bakgrunnsfarge på uib.no.

Fargene over kan for eksempel brukes på viktige funksjoner, som på navigasjon eller elementer som skal utheves.
D1E9E9, 0DA6A3 og 00777B er brukt på informasjon knyttet til kalender på uib.no. 00769E er brukt på lenker på uib.no.

Typografi

På uib.no er Myriad Pro brukt som hovedskrift og Adobe Garamond Pro som tilleggsskrift. Disse skrifttypene må kjøpes dersom de skal brukes. Det er derfor satt opp to erstatningsskrifter som er lettere tilgjengelige og gratis å bruke. Open Sans er erstatningsskrift for Myriad Pro og Times New Roman er erstatningsskrift for Adobe Garamond Pro.

En generell regel er at skriftstørrelsen skal være stor nok til å gi god lesbarhet. Det skal være god kontrast mellom bakgrunnsfarge og tekst.

Her er en oversikt over de ulike skrifttypene:

Hovedskrift

Myriad Pro er UiBs hovedskrift, og er en grotesk (skrift uten seriffer). Skrifttypen har god lesbarhet og gir et moderne uttrykk. Myriad Pro er en betalingsskrift. På uib.no brukes abonneringstjenesten Adobe Typekit.

Erstatningsskrift for Myriad Pro:

Open Sans kan brukes dersom Myriad Pro ikke er tilgjengelig. Skrifttypen har god lesbarhet og er designet for å fungere på skjerm. Open sans er en Google font som er gratis og ligger åpent tilgjengelig her

Bruksområder for Myriad Pro og Open Sans:

I de fleste tilfeller brukes Myriad Pro eller Open Sans på brødtekst, titler og menyer.

Tilleggsskrift

Adobe Garamond Pro er UiBs tilleggsskrift og er en antikva (skrift med seriffer). Adobe Garamond Pro er en betalingsskrift. På uib.no brukes abonneringstjenesten Adobe Typekit.

Erstatningsskrift for Adobe Garamond Pro:

Times New Roman kan brukes dersom Adobe Garamond Pro ikke er tilgjengelig. Times New Roman er installert på de fleste maskiner.

Bruksområder for Adobe Garamond Pro og Times New Roman:

Dersom man ønsker variasjon eller kontrast til Myriad Pro/Open Sans kan Adobe Garamond Pro eller Times New Roman brukes. Disse fontene gir ikke like god lesbarhet på skjerm som Myriad Pro og Open Sans, og bør derfor bare brukes på mindre tekstmengder (Eksempel kan være på tittel i faktaboks).

Tilleggselementer

Eksemplene under er hentet fra uib.no, og viser hvordan grafikk kan se ut. Grafikken på uib.no har et reint og tydelig formspråk. For å få tilgang til grafikken, ta kontakt med Kommunikasjonsavdelingen.

Streker

Streker er i tykkelse 1 px og i fargen #b7b7b7