MELK – Visuelle retningslinjer
Innhold
1. Introduksjon
2. Logo & logovarianter
3. 3 om dagen
4. Farger
5. Typografi
6. Femteelement & strukturelt element
7. Regi
8. Merkantile trykksaker
9. Utfyllende informasjon
1. Introduksjon
Opplysningskontoret for melk og meieriprodukter (MELK) er et av flere opplysningskontor i landbruket. Vår oppgave er å bidra til å fremme forbruket av melk og meieriprodukter på vegne av den norske melkebonden.
Dette gjør vi gjennom å bidra med merkenøytral informasjon, råd og inspirasjon om melk og meieriprodukter. Ved å være merkenøytrale fokuserer vi ikke på enkeltmerker, men på varekategorier. MELK er opptatt av å ha oppdatert faglig innsikt, og hos oss jobber fagpersoner med høy kompetanse innen mat- og meierivitenskap, ernæring, matlaging, markedsføring, kommunikasjon og analyse.
Den visuelle identiteten skal alltid opptre på en enkel og tydelig måte, for å ivareta MELKs merkenøytrale posisjon. Dette gjelder opplysningskontorets generelle informasjonsvirksomhet i de viktigste digitale kanalene, og i andre kanaler. I andre kampanjesammenhenger kan identitetens strukturelle elementer og utvidede fargepalett benyttes i større grad.
2. Logo & logovarianter
Fordi MELK er en faktabasert organsiasjon, som skal fremme generiske meieriprodukter med tillit og troverdighet, skal logoen aldri opptre stor, eller være det mest dominerende elementet på kommuniksjonsflaten. MELK skal likevel være en tydelig avsender, og logoen skal brukes i angitte størrelser. Unntaket er bruk på sponsorelementer/plakater og i TV-sammenheng.
Logoen finnes i to fargevarianter, hvit og blå. Hvis logoen skal plasseres på en illustrasjon, et foto eller en farget bakgrunn, bør den hvite varianten brukes så langt det er mulig. På lyse bakgrunner, eller bilder skal blå hovedlogo brukes. Ved bruk på bilder bør bakgrunnen være rolig og mest mulig ensartet, slik at logoen og bakgrunnen har best mulig kontrastforhold.
Hvordan logonavn skal skrives ut
Navnet skrives slik: Opplysningskontoret for melk og meieriprodukter.
I tillegg er det kortform av navnet som skrives slik: MELK.
I en lengre tekst der det er hensiktsmessig å variere mellom lang- og kortform av navnet skrives navnet første gang slik: Opplysningskontoret for melk og meieriprodukter (MELK). Videre i teksten brukes enten kun kortformen MELK, eller en variasjon av kort- og langformen.
Genitivformen lages ved å legge til en s (uten apostrof), f.eks. «Opplysningskontoret for melk og meieriprodukters ansatte har høy kompetanse». Genitivformen av kortformen skal skrives MELKs, f.eks. «MELKs oppgave er å fremme …»
OFM skal ikke bli brukt som forkortelse for organisasjonen.
Hovedlogo
Hovedlogoen i blå farge skal brukes primært på hvit bakgrunn. Ved plassering på farget bakgrunn og bilder, skal negativ (hvit) logovariant brukes.
Last ned MELKs logoer
3. «3 om dagen»-merket
Bruk av merket
Merkeordningen «3 om dagen» er et initiativ fra Opplysningskontoret for melk og meieriprodukter (MELK). «3 om dagen»-merket er underlagt MELKs overordnede retningslinjer.
Du finner mer informasjon om «3 om dagen»-retningslinjene her.
4. Farger
MELK består av 4 blåtoner, og 4 aksentfarger i rosa og mintfarge, som er direkte inspirert av fargene på de ulike melkekartongene og meieriproduktene de er oppkalt etter.
MELKs etterlatte inntrykk skal være blått. Derfor er det viktig å bruke fargene i prioritert rekkefølge (primær, sekundær, aksent), og alltid ta i bruk en av de 4 blåfargene.
Fargene i paletten er definert i CMYK (4-fargetrykk), PMS for spesialproduksjoner (fysiske objekter) og silketrykk, samt RGB/HEX-verdier for skjerm.
Alle fargene skal brukes i 100 %.
Primærfarge
Melkeblå er logofargen.
Logofargen skal brukes i 100 %.
Melkeblå
Sekundærfarge
MELK har 3 sekundærfarger, Natt, Himmel og Snø. Ved å begrense antall hovedfarger (primær og sekundærfarger) skapes et sterkere og mer helhetlig uttrykk på alle flater.
Fargene skal brukes i 100 %.
Natt
Snø
Himmel
Aksentfarger
MELK har fire aksentfargene, Lettmelk, Skummet, Ekstra lett og Kvarg. Aksentfargene skal brukes som et supplement som kan tilføre dynamikk, kontrast og skape oppmerksomhet. Fargene Skummet og Kvarg er lysere farger som bidrar til å dekke et behov for bedre kontrast på digitale flater.
Fargene skal brukes i 100 %.
Lettmelk
Ekstra lett
Skummet
Kvarg
Støttefarger
I sosiale medier, og eventuelle andre flater er det tidvis behov for flere farger. For å være mest mulig konsekvent er det etablert fire støttefarger, Helmelk, Fløte, Ost og Rømme, som harmonerer med melk.no-paletten.
Støttefargene er ikke en del av MELK-paletten fordi det i større grad skal være muligheter for tilføringer og utskiftninger av disse fargene, og fordi støttefargene ikke er merkevarebyggende. Derfor er det spesielt viktig med nøysomhet. Gå alltid etter profilpaletten først, og hvis ingen av de fargene strekker til, så kan støttefargene forsøkes.
Alle fargene skal brukes i 100 %.
Helmelk
Ost
Fløte
Rømme
Tekstfarger
Fargen Melkesort, samt svart og hvit, egner seg godt som tekstfarger. Lesbarhet og kontrast er viktige hensyn å ta når farger skal velges ut. Melkesort er primært tenkt til bruk i sosiale medier og på andre digitale flater.
Melkesort
Fargekontrast
WCAG (Retningslinjer for tilgjengelig webinnhold) setter krav til at kontrasten mellom to objekter (tekst og bakgrunn) er høy nok til at alle brukere skal kunne skille dem fra hverandre. Man skal kunne lese teksten uten å måtte anstrenge seg. De som trenger mest kontrast, spesielt under krevende lysforhold, er svaksynte, dyslektikere og fargeblinde.
Fargene i manualen er testet med et kontrastverktøy (Colour Contrast Analyser) som måler fargepaletten opp mot hvitt og svart. Dette verktøyet lar oss kombinere to farger, og resultatet forteller oss om kontrastforholdet mellom dem.
Størrelsen på objektene vil spille inn på kontrastforholdet. Kontrastkravet for stor tekst er derfor lavere enn for liten tekst. Ved normal teksttykkelse (regular) defineres stor tekst på web som 18 punkt og større. Ved fet tekststil (bold) er stor tekst 14 punkt og større.
Oversikten til høyre viser kontrastforholdet mellom bruken av sort og hvit tekst på farget bakgrunn. WCAG-ratioen (verditallet) fungerer som en måling på kontrast. Kravet varierer for hvert enkelt tilfelle som nevnt i forrige avsnitt, men stort sett bør tallet være over 4.5:1 for universell utforming.
5. Typografi
Profilfonter
Samme prinsipp gjelder for fonter som for farger, at det lønner seg å velge profilfonter i størst mulig grad. Likevel er det noen ganger, spesielt i sosiale medier, erfart et behov for en støttefont som kan krydre, eller fremheve enkelte budskap.
I en profil er det forskjellige krav til fonter i ulike kontekster. En konsekvent bruk av typografi er viktig for å sikre et gjenkjennende overordet uttrykk. Open Sans og PT Sans er MELKs profilfonter og skal brukes i den eksterne kommunikasjonen. Disse fontene er ikke systemfonter, og kan lastes ned gratis fra https://fonts.google.com.
Open Sans (primærfont)
Open Sans skal hovedsakelig brukes til titler, ingresser, bildetekst og mindre tekstmengder. Open Sans er også brukt på MELKs nettside.
PT Serif (sekundærfont)
PT Serif brukes hovedsakelig til brødtekst i større tekstmengder. PT Serif kan også brukes til titler, hvis man ønsker et bredere uttrykk i et større publikasjonshiarki.
Last ned Open Sans:
Last ned PT Sans:
Born Ready (støttefont)
En håndskreven (script) font kan ofte mykne utrykket og gi assosiasjoner til notater og tilleggsinfo (som «PS» «Husk!» osv.) Det kan dermed gi god effekt på oppmerksomhet, og minske inntrykket av «for mye tekst» i visse sammenhenger. Men, det er viktig å huske på å ikke overbruke støttefonten da den kun skal fremstå som en aksent, og etterlatt inntrykk skal ikke være at dette er MELKs hovedfont.
Fonten «born ready» er et eksempel på en font som gir stor kontrast til, men står godt sammen med, begge profilfontene «Open Sans» og «PT serif». Hovedprinsippet med gjenbruk gjelder også her som med støttefagene, at man bør være konsekvent.
Lesbarheten på denne fonten er ikke like god, og den bør derfor brukes i store punkt med få ord, kun som et visuelt krydder.
I utgangspunktet bør støttefonten kun brukes ved behov i sosiale medier, eller ev. andre flater hvor man trenger et litt mer avslappet utrykk.
Det er også konstruert et sett med piler i samme stil som støttefonten, som kan brukes i sosiale medier.
Arial og Georgia
Arial og Georgia er systemfonter/ erstatningsfonter til korrespondansemateriell – brevmaler, blank mal osv. Arial brukes hovedsakelig til titler, mindre tekstmengder og presentasjoner. Den kan også brukes i interne dokumenter i kombinasjon med Georgia, f.eks. ved brevskriving. Georgia brukes hovedsakelig til brødtekst eller i større tekstmengder.
Disse fontene er tilgjengelige på alle maskiner og brukes som erstatning for profilfontene når man ikke har disse installert. Eksempler på bruksområder: brev, møtedokumenter og PPT-presentasjoner.
Her vises eksempler på bruk av fontene i samspill. Det er ikke definert noen faste størrelsesnivåer for MELK og eksemplene er retningsgivende, ikke obligatoriske. Det er kun de definerte fontene i manualen som skal brukes i MELKs overordnede kommunikasjon. Unntaket er i enkelte formidlingssituasjoner, hvor plattformen setter begrensninger for valg av fonter, f.eks. Instagram, eller i tilfeller hvor fontene er en del av en illustrasjon.
Lesbarhet
Det er viktig å etterstrebe god lesbarhet på alle flater. Retningslinjene for bruken av store og små bokstaver skal gjennomføres så langt det er mulig. Ved bruk av kun versaler (store bokstaver) bør disse begrenses til kortere titler, ord og setninger. Kursiv kan brukes for å markere trykk i setningen, eller utheve navn, publikasjonstitler o.l.
Tradisjonelt sett er en antikvaskrift som PT Serif mer lesbar i større tekstmengder enn en grotesk skrifttype. PT Serif egner seg derfor bedre til brødtekst i publikasjoner med store tekstmengder, som f.eks. årsrapporter og bøker. På kommunikasjonsflater med mindre tekstmengder, f.eks. i brosjyrer og på nett, kan man bruke Open Sans gjennomgående. Det må alltid gjøres en løpende vurdering av lesbarhet, når det utvikles nye elementer.
MELK skal etterstrebe venstrestilt tekst, med flytende høyremarg så langt det er mulig. Midtstilte tekster kan brukes etter behov, på flater med korte tekster. Bruken av venstrestilt vs. midtstilt tekst, avhenger av identitets-elementene profilen skal brukes sammen med.
Kontrast
Kontrasten mellom størrelser, versaler/ minuskler, vekter (bold, light) og grotesk/antikva er et virkemiddel for å skape et dynamisk og variert tekstbilde. Ved bruk av ulike skriftstørrelser bør det være en tydelig forskjell mellom de ulike tittel- og innholdsnivåene. En mellomtittel bør for eksempel enten være bold, markert med farge eller 2-3 pkt større enn brødteksten, og hovedtittelen bør være tydelig større enn ingressen. Hvis man ønsker å skape et mer harmonisk uttrykk ved større tekstmengder, kan man bruke flere vekter fremfor mange størrelser for å skape kontraster i tekstbildet.
Eksempelet ved siden av viser midtstilt tekst i Open Sans bold og light.
I noen tilfeller kan f.eks. en faktaboks ha mindre, eller ingen kontrast i størrelseforholdet mellom overskrift og brødtekst. Se eksempel til høyre. Valg av størrelse på tekst avhenger av innholdskategori og oppbygging av teksten.
Bruk av ulike vekter (teksttykkelser) og fonttyper skaper dynamiske tekstbilder. Eksemplene ved siden av viser kombinasjon av Open Sans i extra bold og regular (t.v.), og PT Serif i bold, kombinert med Open Sans light (t.h.).
Harmoni
Hvis man ønsker å skape et mer helhetlig uttrykk ved større tekstmengder, kan man bruke flere vekter (teksttykkelser) fremfor mange størrelser. I eksemplene ved siden er brødtekst og ingress satt i samme størrelse, men ingressen er i tillegg uthevet i bold. Dette gjør teksten mer lesbar og ensartet, samtidig som tekstnivåene skiller seg fra hverandre. Open Sans til venstre og PT Serif til høyre.
6. Femteelement & strukturelt element
Snakkeboblen
Det er utviklet et femteelement for ytterligere å styrke den visuelle identiteten og gjenkjennelsen til MELK. Elementet er utformet som en snakkeboble med tekstfelt og pil/peker, som kan brukes for å tydeliggjøre MELKs stemme, og sette fokus på viktig informasjon. Snakkeboblen har en definert form, med forhåndsdefinerte piler (på to steder) som peker til høyre og venstre. Pilen er flyttbar og kan tilpasses etter behov. Man bør uansett etterstrebe at pilen peker ned mot meningsbærende elementer eller innhold som f.eks. tittel, sitat eller logo. Boblen bør gjengis i hovedpaletten, når den opptrer sammen med hovedlogoen.
Hovedbruk
Peker/pil har alltid samme form og kommer i to forhåndsdefinerte plasseringer (til venstre og høyre). Pekeren er flyttbar og kan vendes i både x og y aksen, og roteres i rette vinkler (90-180-270 grader).
Peker/pil skal aldri gå utenfor tekstfeltet i snakkeboblen.
Sekundærbruk
Boblen kan også brukes i støttepaletten ved f.eks. kodering av trykksaker, informasjonsmateriell og elementer på nett, eller i digitale kampanjer.
Bølgemønsteret (strukturelt element)
Bølgemønsteret videreføres som et strukturelt element som brukes på virksomhetsnære elementer som mapper, profilartikler og stands. Mønsteret kan også ha en dekorativ funksjon i interiørsammenheng. Gjengis i 15 % av logofargen eller i hvitt. F.eks. i lakk, frostet folie eller hvitt silketrykk.
Bølgemønsteret er lagt opp slik at man kan benytte ulike typer utsnitt av elementet. Produktet, objektet eller stedet det skal implementes på avgjør størrelsen på utsnittet. Man kan også sette bølgemønsteret sammen til en større mønsterrapport.
Mønsteret har nå en mindre rolle i forbrukerkommunikasjon, men er et element som binder mange av MELKs flater sammen på et overordnet nivå
Ellipsen
Ellipsen er et nytt designelement som fungerer som et bakgrunnselement eller «tomt» med mye fleksibilitet. Denne ellipsen er hentet fra bølgemønsteret, men er også en godt etablert form fra MELK-logoen og kan gi assosiasjoner til bobler i melken eller hull i osten. Ellipsen har en fast ratio på 1x1,8 og skal sammen med tekst brukes horisontal.
Ellipsen kan brukes i alle fargene i MELK-paletten, eller som masker på bilder. Størrelsen kan varieres fritt.
Ikoner
Et nytt sett ikoner er etablert for MELK med bakgrunn i formene fra «3 om dagen»-merket og ellipsen. Settet har egne light-versjoner som skal fungere på mørke flater. På lyse flater brukes som hovedregel de vanlige ikonene. Unntak kan gjøres såfremt det gagner bruksområdet.
Ikonene er laget for bruk på nettsiden, men kan også tas ut i andre flater som sosiale medier eller i presentasjoner, som dekorasjon eller symboler.
Ved utvikling av flere ikoner bør prinsippet om linjene og vinklene til «3 om dagen»-merket brukes. Det viktigste er å bevare ikonsettets overordnede helhetsutrykk.
7. Regi
Regi logoplassering digitalt og print
Her finner du informasjon om logoplassering for ulike formater slik som digitale høydeformater (Snapchat, Instagram), digitale breddeformater (Youtube og TV), samt digitale bannere og trykksaker.
Her finner du også informasjon om plassering av 3 om dagen-merket i forhold til hovedlogo.
8. Merkantile trykksaker
Visittkortmal
Det er utviklet en dobbeltsidig visittkortmal i Adobe Indesign, med norsk og engelsk informasjon på hver sin side. Størrelsen er 90x50 mm. Farger, fontstørrelser og plassering av alle elementene er definert i malene.
Logo-filen brukes i full størrelse, 100 % på A4-formater. 40 mm tilsvarer 50 % av logoen i original størrelse.
Originalfilen brukes i 50 % størrelse på A4-formater. 17 mm tilsvarer 35 % av logoen i original størrelse.
Brevarkmal
Det er utviklet en brevarkmal i A4 størrelse, med mulighet for flere sider i Word. Farger, fontstørrelser og plassering av alle elementene er definert i malene. Malen finnes i både engelsk og norsk versjon.
Notatmal
Det er utviklet en notatmal i A4 størrelse til friere bruksområder i Word. Farger, fontstørrelser og plassering av alle elementene er definert i malene. Malen finnes i både engelsk og norsk versjon.
PowerPoint-mal
Bildene som ligger inne i PowerPoint-malen skal fortrinnsvis benyttes, men det er mulig å skifte bilder på alle sider for å tilpasse temaet i presentasjonen. Ved valg av bilder bør det etterstrebes en lys og lett bildemanér, som har produktet i fokus. Hvis bildene brukes sammen med tekst, bør det velges motiver med rolige partier, som bidrar til å skape bedre lesbarhet mellom bakgrunn og informasjonen som legges på toppen. MELKs fargepalett er lagt inn i malen. Ved bruk av grafer o.l. brukes støttefargene i kombinasjon med hovedpaletten for å sikre kontrast mellom de ulike delene i diagrammene.
Konvolutt prinsippskisser
Det er utviklet prinsippskisse for C5-konvolutter uten vindu og E65 med vindu. Ev. andre konvoluttstørrelser utvikles med utgangspunkt i disse skissene.
9. Utfyllende informasjon
Her kan du laste ned utfyllende dokumenter.
Hvilke filer lastes ned
Hvilke filer lastes ned
Filarkiv
Filene er sortert i mapper etter:
Melk_filer_til_trykk (ai-filer)
Melk_filer_til_skjerm_print (png og jpg-filer)
Ai-filer brukes til trykk, og brukes hovedsakelig av underleverandører og trykkerier. Ai er et vektorformat som kan skaleres i uendelig størrelse uten å miste kvalitet.
Png-filer brukes hovedsakelig til skjerm og print. Png er et filformat uten kvalitetstap, og kan skaleres i ulike størrelser uten å fremstå uklar og utydelig. Png skal ikke brukes til trykk.
Jpg-filer brukes til både skjerm og print. Jpg kan gi kvalitetstap ved skalering, i motsetning til png-formatet.
Filene er sortert etter fargetype:
CMYK: Forkortelse for 4-farge (eller prosessfarger). Disse filene brukes i 4-farget offsettrykk produksjon, f.eks. i brosjyrer, magasiner, fullfargede annonser, osv.
PMS (Pantone Matching System): PANTONE-farger er spesialfarger for trykk. Brukes bl.a. til spesialproduksjoner og silketrykk på fysiske produkter.
RGB og HEX: Fargesystemer som brukes i skjermsammenheng, f.eks. på nettet eller i PowerPoint.
Positiv: Sort variant som brukes i enfarget trykk og når raster ikke er mulig, f.eks. til stempel, preg osv.
Negativ: Hvit variant av logoen.
+47 23 30 20 10
©2021 Melk.no
Visuelle retningslinjer
Oppdatert 14. februar 2021