UFM_Velkommen_Sektorbillede_03.jpg
UFM_Design_Guide_Logo_Sektorbillede_03.jpg
Tegnebræt 1 kopi 6@2x.png
UFM_Design_Guide_typo_Sektorbillede.jpg
UFM_Billedstil_Sektorbillede_02.jpg
UFM_Design_Guide_Ikon_Sektorbillede_02.jpg
UFM_Papirlinje_Sektorbillede3-compressor.jpg
UFM_Materialer_Sektorbillede_02.jpg
UFM_Design_Guide_Sektorbilede_Website_New2.jpg
UFM_Velkommen_Sektorbillede_03.jpg

Velkommen


Velkommen til UFM's designguide & grafiske univers

SCROLL DOWN

Velkommen


Velkommen til UFM's designguide & grafiske univers

Velkommen til Uddannelses- og Forskningsministeriets designguide

Denne guide giver et indblik i, hvordan Uddannelses- og Forskningsministeriets visuelle identitet tager sig ud. Her kan du se, hvilke grafiske elementer der indgår, og finde retningslinjer for, hvordan de bruges. Du finder også ikoner og logoer, der kan downloades. 

 

Med god kommunikation når vi længere

Troværdig, slagkraftig og nærværende kommunikation. 

I Uddannelses- og Forskningsministeriet ønsker vi at skabe høj vækst og ny indsigt gennem fremragende uddannelse og forskning, og i det arbejde spiller kommunikation en central rolle. Med kommunikation kan vi motivere til forandring, skabe begejstring og inspirere til nytænkning. Vores grafiske design skal være slagkraftigt og bringe vores budskaber bredere ud til vores målgrupper.

Derfor har vi videreudviklet vores visuelle identitet i samarbejde med Urgent.Agency.  

 

Hvad kan jeg bruge designguiden til?

Designguiden viser designets grundlæggende elementer og fortæller, hvordan de bruges i praksis på tværs af trykte og digitale platforme. Designguiden henvender sig til medarbejdere, grafikere og andre, der skal arbejde professionelt med Uddannelses- og Forskningsministeriets visuelle kommunikation. 

Designguiden fungerer desuden som inspirationsgrundlag for det videre arbejde i vores grafiske univers.

 
UFM_Design_Guide_Vision_Mission.jpg
 

Sådan downloader du materiale fra designguiden

Du skal have  en adgangskode for at downloade logoer og ikoner. Den fås ved henvendelse til vores kommunikation kom@ufm.dk

 

Trin 1: 

Når du har fundet det ønskede format eller designelement, klikker du på “Download”-knappen. Herefter åbner et nyt Dropbox-vindue, og du har adgang til filerne.

Trin 2

I Dropbox-vinduet skal du klikke på den ønskede fil, hvorefter en “Download”-fane i højre øverste hjørne kommer til syne.

Trin 3

Når du klikker på “Download”, vil filen blive gemt i din computers Download-mappe.


Klik på billedet for at gøre det større


Klik på billedet for at gøre det større


Klik på billedet for at gøre det større

 

Retningslinjer for brug af UFM's logoer

Vær opmærksom på, at UFM’s logoer kun må bruges, når en af institutionerne i ministeriet:

  • Har et formelt samarbejde med dig som person, din organisation eller din virksomhed. Det kan f.eks. være et samarbejde med en avis om et tema, med organisationer om en fælles kampagne eller med en virksomhed, der har udført opgaver for UFM.

  • Sponsorerer eller medfinansierer jeres projekt. Det kan f.eks. være et projekt som "Digital identitet og trivsel" eller en hjemmeside for et forskningsprojekt, der er støttet af et af de råd, som UFS betjener. Nævnes som en formel reference i f.eks. en rapport eller en kundeliste, og de øvrige referencer vises med logo. Et eksempel kan være en konsulentvirksomhed, der udfører en konkret opgave for UFM. Logoet må ikke bruges i en kontekst, der anbefaler dit pågældende firma, og logoet skal optræde på samme måde som andre firmalogoer.

  • Nævnes som en formel reference i f.eks. en rapport eller en kundeliste, og de øvrige referencer vises med logo. Et eksempel kan være en konsulentvirksomhed, der udfører en konkret opgave for UFM.

  • Logoet må ikke bruges i en kontekst, der anbefaler dit pågældende firma, og logoet skal optræde på samme måde som andre firmalogoer.

     

Kontakt kommunikation kom@ufm.dk, hvis du har spørgsmål.

 
UFM_Design_Guide_Logo_Sektorbillede_03.jpg

Krone & Logo


Krone, grundlogo, logovarianter & respektafstande 

Krone & Logo


Krone, grundlogo, logovarianter & respektafstande 

Kronen

Kronen indgår som en del af logoet og må som udgangspunkt ikke bruges uden navnetræk. I særlige tilfælde kan den optræde alene – kontakt Kommunikation kom@ufm.dk hvis du har brug for dette. 

 
 

Kronens geometri

UFM_Design_Guide_Logo_Krone.png

Respektafstand for kronen

UFM_Krone_Afstand2.jpg

Logo

Uddannelses- og Forskningsministeriets logo består af kronen og navnetrækket ’Uddannelses- og Forskningsministeriet’. Styrelsens logo har styrelsens navn ’Uddannelses- og Forskningsstyrelsen’ i navnetrækket, mens kronen går igen i begge logoer. Logoet kan optræde i positiv og negativ version i farverne lilla, sort og hvid. Det lilla logo er det primære, mens det sorte bruges sekundært eller i sammenhænge, hvor det lilla ikke er velegnet. 

 

Primære grundlogoer

Artboard Copy 40.png

Sekundære grundlogoer

Artboard Copy 39.png

Logovarianter

Logoet består af kronen og navnetrækket for Uddannelses- og Forskningsministeriet. Ministeriets styrelse har styrelsens navn ’Uddannelses- og Forskningsstyrelsen’ i navnetrækket, mens kronen går igen i begge logoer.

Logoerne findes i forskellige filformater (Ai, PNG, EPS) og farveværdier (CMYK & RGB) alt efter, hvad de skal bruges til. RGB/PNG bruges typisk til web og Office-pakken, mens CMYK/AI/EPS bruges til tryk. 

Filformat: Ai, PNG, EPS

Farveværdi: CMYK & RGB

 
 

Logo_UFM_DK

Logo_UFM_UK

Logo_UFM_DK-UK

 
UFM_Design_Guide_Logo_Dansk.jpg
UFM_Design_Guide_Logo_Engelsk.jpg
UFM_Design_Guide_Logo_Tosproget.jpg
 
 

 

Logo_UFS_DK

Logo_UFS_UK

Logo_UFS_DK-UK

 
UFM_Design_Guide_Logo_Dansk Copy.jpg
UFM_Design_Guide_Logo_Dansk Copy 2.jpg
UFM_Design_Guide_Logo_Tosproget Copy.jpg
 
 

 

Logo_UFM_Adr

Logo_UFS_Adr

UFM_Design_Guide_Logo_Danish_Agency_For_Institutions_And_Educational_Grants_Adress_2 Copy.jpg
UFM_Design_Guide_Logo_Danish_Agency_For_Institutions_And_Educational_Grants_Adress_2 Copy 7.jpg
 
 
 

Logo til sociale medier

Ministeriet har et logo til profiler på sociale medier. Under afsnittet ’Sociale medier’ kan du se, hvordan det bruges sammen med andre grafiske elementer.

Filformat: JPG

Farveværdi: RGB

 
UFM_Design_Guide_Logo_Social_Media_guide1.jpg

UFM Logo: Sociale medier

UFM_Design_Guide_Logo_Social_Media.jpg

Placering og respektafstande

Illustrationen viser den afstand, der som minimum bør være til anden grafik, tekst eller sidekant. På den måde sikres det, at ministeriets logo altid kan afkodes klart og tydeligt. 

 
Artboard Copy 65@2x.png
Artboard Copy 26@2x.png
Tegnebræt 1 kopi 6@2x.png

Farver


Primære farver, gråskala, sekundære farver & Microsoft Office farver

Farver


Primære farver, gråskala, sekundære farver & Microsoft Office farver

Farver

Uddannelses- og Forskningsministeriet har en farvepalette bestående af fem forskellige farver, toner af disse og en gråskala.

 

Primære farver

Den lilla er primærfarven og Uddannelses- og Forskningsministeriets kendetegn. Den bruges i al ekstern kommunikation  så vidt mulig også internt. Generelt er udtrykket meget monokromt med den lilla farve suppleret af hvid og sort.

Farveværdi: HEX, RGB, CMYK, PANTONE & Tone

 

Gråskala

Som et supplement til de primære og sekundære farver består farvepaletten også af en palette af gråtoner mellem sort og hvid.

Farveværdi: HEX, RGB, CMYK & Tone

 

Lilla

Write here...

Gråskala

UFM_Designguide_Farver_1.jpg

HEX: #46328c

RGB: 70, 50, 140

CMYK: 90, 90, 0, 0

PANTONE: Violet

Tone: 85%, 65%

Sort HEX: #000000

Hvid HEX: #ffffff

Sort RGB: 0, 0, 0

Hvid RGB: 255, 255, 255

Sort CMYK: 0, 0, 0, 100

 

Sekundære farver

Farvepaletten omfatter desuden fire sekundærfarver. De sekundære farver bruges fortrinsvis til grafer, infografikker, mouse-over-identifikation m.v. I særlige tilfælde, f.eks. i kampagnemateriale, foldere eller lignende, kan sekundærfarverne benyttes til større farveflader, eller der kan skrues mere op for de sekundære farver og ned for den primære. Kontakt Kommunikation kom@ufm.dk, før du vælger at bruge de sekundære farver på denne måde.

Farveværdi: HEX, RGB, CMYK, PANTONE & Tone

 
 

Mørk blå

UFM_Designguide_Farver_3.jpg

HEX: #19518e

RGB: 25, 82, 143

CMYK: 100, 60, 5, 15

PANTONE: 2935 C

Tone: 85%, 65% 

Orange

UFM_Designguide_Farver_4.jpg

HEX: #d67a13

RGB: 230, 130, 30

CMYK: 0, 60, 100, 0

PANTONE: 138 C

Tone: 85%, 65% 

Magenta

UFM_Designguide_Farver_5.jpg

HEX: #bf1c7f

RGB: 191, 28, 128

CMYK: 5, 95, 0, 0

PANTONE: 240 C

Tone: 85%, 65% 

Lys blå

UFM_Designguide_Farver_6.jpg

HEX: #68b7e2

RGB: 90, 180, 230

CMYK: 70, 0, 5, 0

PANTONE: 2915 C

Tone: 85%, 65% 

 

Farvetema i Microsoft Office

Farvepaletten omfatter desuden en særligt defineret række farver, der fortrinsvist bruges  i grafer og figurer.

Farveværdi: CMYK, RGB

 
 

1. graffarve

Artboard Copy 46.jpg

CMYK: 0, 0, 0, 60
RGB: 136, 136, 136

2. graffarve

Artboard Copy 47.jpg

CMYK: 90, 90, 0, 0
RGB: 70, 50, 140

3. graffarve

Artboard Copy 48.jpg

CMYK: 0, 60, 100, 0
RGB: 230, 130, 30

4. graffarve

Artboard Copy 49.jpg

CMYK: 5, 95, 0, 0
RGB: 191, 28, 128

5. graffarve

Artboard Copy 50.jpg

CMYK: 70, 0, 5, 0
RGB: 90, 180, 230

6. graffarve

Artboard Copy 51.jpg

CMYK: 0, 0, 0, 40
RGB: 190, 190, 190

 

7. graffarve

Artboard Copy 52.jpg

CMYK: 100, 60, 5, 15
RGB: 25, 82, 143

8. graffarve

Artboard Copy 57.jpg

CMYK: 45, 50, 0, 0
RGB: 156, 136, 187

9. graffarve

Artboard Copy 53.jpg

CMYK: 40, 0, 5, 0
RGB: 163, 217, 236

10. graffarve

Artboard Copy 54.jpg

CMYK: 0, 100, 60, 0
RGB: 227, 0, 69

11. graffarve

Artboard Copy 55.jpg

CMYK: 0, 0, 0, 75
RGB: 100, 100, 100

12. graffarve

Artboard Copy 56.jpg

CMYK: 65, 0, 65, 0
RGB: 114, 187, 129

UFM_Design_Guide_typo_Sektorbillede.jpg

Typografi


Primær Typografi & sekundær typografi

Typografi


Primær Typografi & sekundær typografi

Typografi

Ministeriet bruger Campton som primær og Arial som sekundær typografi. 

 

Primær typografi: Campton

Den primære skrifttype er en geomterisk skrift uden fødder Den er inspireret af de 20-århundredes sans serif skrifter, kombineret med et nutidigt og moderne udtryk.

Campton bruges som identitetsskrift på alle platforme og erstatter eksisterende brug af typografier. Den understøtter Udannelses- og Forskningministerets  strategi, hvor nøgleordene er ; slagkraftig, troværdig og nærværende. 

 
Write here...

Campton er en licensbaseret typografi. Den er installeret hos alle medarbejdere i Uddannelses- og Forskningsministeriet og prædefineret i ministeriets Word-skabeloner til breve og publikationer samt PowerPoint. Ministeriet har et antal licenser, der efter aftale kan udlånes til eksterne leverandører og grafikere. Kontakt Kommunikation kom@ufm.dk for at få en adgangskode til at downloade skriften

 

Campton Book

UFM_Design_guide_Campton_Book.jpg

Campton Bold

UFM_Design_guide_Campton_Bold.jpg
 

Campton Book Italic

UFM_Design_guide_Campton_Book_Italic.jpg

Campton Bold Italic

UFM_Design_guide_Campton_Bold_Italic.jpg
 

Sekundær typografi: Arial

Arial bruges som alternativ typografi på platforme og systemer, hvor Campton ikke kan bruges, herunder e-mails.

Arial er en systemskrift og bruges ved almindelig korrespondance
i Word og PowerPoint mv. Hvorledes den bruges på forskellige tekstniveauer, er prædefineret i skabelonerne.

 
Artboard Copy 12@2x.png

Arial Regular

UFM_Design_guide_Arial_Regular.jpg

Arial Bold

UFM_Design_guide_Arial_Bold.jpg
 
 

Arial Regular Italic

UFM_Design_guide_Arial_Regular_Italic.jpg

Arial Bold Italic

UFM_Design_guide_Arial_Bold_Italic.jpg
 
UFM_Billedstil_Sektorbillede_02.jpg

Billedstil


Klare og nærværende visuelle budskaber, som afspejler UFM’s virke

Billedstil


Klare og nærværende visuelle budskaber, som afspejler UFM’s virke

Billedstil

Uddannelses- og Forskningsministeriets billeder skal vise den reelle virkelighed, være enkle, fri for klichéfyldt symbolik, have klare og nærværende budskaber samt afspejle UFM’s virke og strategi. Det kan være billeder, hvor man kommer helt tæt på enkelte situationer/mennesker eller på afstand for at gengive en abstraktion eller følelse. De beskrivende billeder har konkrete og relevante motiver, der understøtter den aktuelle kommunikation. Billederne skal udtrykke professionalisme og opfattes som positive, varme, imødekommende og menneskelige.

 
UFM_Billedstil_2.jpg

Link til billeddatabase

Kontakt Kommunikation kom@ufm.dk, hvis du vil købe billeder i billeddatabaser, fx Colourbox, eller hvis du vil høre, hvilke billeder vi eventuelt har på lager. Der kan også tages nye billeder af professionelle fotografer. Alle billeder skal følge retningslinjerne for UFM’s billedstil

 
UFM_Design_Guide_Ikon_Sektorbillede_02.jpg

Ikoner


Ikoner – UFM's femte element

Ikoner


Ikoner – UFM's femte element

Ikoner

Ministeriet har fået udviklet en række ikoner, der kan bruges som et ekstra grafisk element til at understrege budskabet f.eks. på forsiden af tryksager, i PowerPoints osv. De kan også bruges i animeret form på digitale platforme. Ikonerne kan downloades under sektionen ’Ikoner’ og er prædefineret i ministeriets skabeloner i Word og PowerPoint.

 
Artboard Copy 45.png

Ikonbibliotek

I dette afsnit får du et overblik over de forskellige ikoner og deres betydning. Derudover har du  mulighed for at downloade ikoner samlet eller enkeltvis i filformater til web (PNG/RGB) eller print (AI/EPS/CMYK).

Filformat: Ai, PNG & EPS

Farveværdi: CMYK & RGB

 
 

Balance

UFM_Ikon_Balance_Lilla_RGB.jpg

Event

UFM_Ikon_Event_Lilla_RGB.jpg

Grobund

UFM_Ikon_Grobund_Lilla_RGB.jpg

Husk

UFM_Ikon_Husk_Lilla_RGB.jpg

Inddragelse

UFM_Ikon_Inddragelse_Lilla_RGB.jpg

Fundament

UFM_Ikon_Infrastruktur_Fundament_Lilla_RGB.jpg
 

Investering

UFM_Ikon_Investering_Lilla_RGB.jpg

Kompetence

UFM_Ikon_Kompetence_Mål_Lilla_RGB.jpg

Kurvediagram

UFM_Ikon_Kurvediagram_Lilla_RGB.jpg

Kvalitet

UFM_Ikon_Kvalitet_Lilla_RGB.jpg

Ledelse

UFM_Ikon_Ledelse_Lilla_RGB.jpg

Læring

UFM_Ikon_Læring_Lilla_RGB.jpg
 

Mål

UFM_Ikon_Mål_Lilla_RGB.jpg

Nyhed

UFM_Ikon_Nyhed_Lilla_RGB.jpg

Opråb

UFM_Ikon_Opråb_Lilla_RGB.jpg

Person01

UFM_Ikon_Person01_Lilla_RGB.jpg

Person02

UFM_Ikon_Person02_Lilla_RGB.jpg

Play

UFM_Ikon_Play_Lilla_RGB.jpg
 

Publikation

UFM_Ikon_Publikation_Lilla_RGB.jpg

Uddannelse

UFM_Ikon_Uddannelse_Lilla_RGB.jpg

Analyse

UFM_Ikon_Viden_Analyse_Handling_Lilla_RGB.jpg

Zoom

UFM_Ikon_Zoom_Lilla_RGB.jpg

Dialog/Samarbejde

UFM_Ikon_Dialog:samarbejde_Lila.jpg

Innovation/idéer

UFM_Ikon_Innovation_idéer_RGB.jpg
 

Udsyn

UFM_Ikon_Internationalt-perspeketiv-udsyn_Lilla_RGB.jpg

Forskning

UFM_Ikon_Forskning_Lilla_RGB.jpg

Resultater/mål

UFM_Ikon_Resultater-mål_Lilla_RGB.jpg

Fremtid/udvikling

UFM_Ikon_Fremtid:udvikling_Lilla_RGB.jpg

Styring

UFM_Ikon_Styring_Lilla_RGB.jpg

Kreativitet

UFM_Ikon_Kompetence_Uddannelse_Kreativitet_Lilla_RGB.jpg
 

Pris

Artboard Copy 90.jpg

Citat

Digital

IT

Klog

Lovgivning

 

Robot

Spørgsmål

Teknologi

Fabrik

Ko

Plastflaske

 

Vindmølle

 
 
UFM_Papirlinje_Sektorbillede3-compressor.jpg

Papirlinje


UFM's grafiske univers på printmedier

Papirlinje


UFM's grafiske univers på printmedier

Papirlinje

På de følgende billeder vises der eksempler på, hvordan UFM's grafiske univers udspiller sig på diverse printmedier. 

 
UFM_Design_Guide_Papirlinje.jpg
UFM_Materialer_Sektorbillede_02.jpg

Designelementer


UFM's grafiske univers på diverse medieflader

Designelementer


UFM's grafiske univers på diverse medieflader

Designelementer

Nedenfor vises eksempler på, hvordan UFM's design ser ud i publikationer, PowerPoints, adgangskort, merchandise m.m.  

 
UFM_Design_Guide_Materiale_Univers Copy 2.jpg
UFM_Design_Guide_Sektorbilede_Website_New2.jpg

Digitale platforme


Hjemmeside & sociale medier

Digitale platforme


Hjemmeside & sociale medier

Website

Nedenfor kan du se eksempler på, hvordan UFM's grafiske univers udspiller sig på www.ufm.dk

UFM_Designguide_Web_artboard4.jpg
 

Web-undersider

På følgende billeder kan du se hvordan UFM's grafiske univers udspiller sig på diverse undersider

UFM_Designguide_Web_artboard3.jpg

Sociale medier

På de sociale medier bruges det særlige logo (hvid krone på lilla baggrund) samt et profilbillede til alle ministeriets profiler. Logoet er ens på tværs af alle ministeriets profiler mens navn og profilbillede er unikt for den enkelte profil. Profilbilledet understreger profilens virke og følger ministeriets billedstil. Nedenfor vises eksempler på Facebook og Twitter. 

Ministeriet har design til profiler på sociale medier og til et bånd (baggrundsbillede), der mere præcist kan vise hvem der er afsender. De følgende eksempler viser, hvordan UFM f.eks. bruger identiten på Facebook og Twitter. 

På samtlige "Social media" flader bruges altid kronen i kombination med lila baggrund til profilbillede . Så uanset om det er UFM selv eller en af styrelserne, vil selve profilbilledet altid være det samme.

Derimod kan baggrundsbilledet specifikt udvælges (ud fra billedstilen) til at skabe det rigtige budskab

Kontakt Kommunikation kom@ufm.dk, hvis du har brug for koden til sociale medier

UFM_Designguide_Social_Media_Logo2.png
UFM_Designguide_Social_Media_Facebook_New.jpg
UFM_Designguide_Social_Media_-Twitter_05.jpg
UFM_Designguide_Social_Media_-Twitter_01.jpg

Kontakt


Kontakt


 

GRAFISK DESIGN OG OPHAVSRET

Uddannelses- og Forskningsministeriets visuelle identitet er videreudviklet i samarbejde med Urgent Agency i 2017. Kronen er designet af e-Types i 2013, mens tabeller og figurer oprindeligt er udviklet af B-graphic.

Uddannelses- og Forskningsministeriet har alle rettigheder til designprogrammet, herunder samtlige ophavsrettigheder.
 

KONTAKT

Hvis du har brug for yderligere vejledning eller har spørgsmål i øvrigt, er du velkommen til at kontakte Kommunikation kom@ufm.dk