UFM_Velkommen_Sektorbillede.jpg
UFM_Design_Guide_Logo_Sektorbillede.jpg
UFM_Farver_samlet.jpg
UFM_Design_Guide_Ikon_Sektorbillede.jpg
UFM_Billedstil_Sektorbillede.jpg
UFM_Design_Guide_Ikon_Sektorbillede.jpg
UFM_Grafer og tabellert_Sektorbillede.jpg
UFM_Papirlinje_Sektorbillede.jpg
UFM_Materialer_Sektorbillede.jpg
UFM_Designguide_Social_Media_Sektorbillede.jpg
UFM_Design_Guide_Sektorbilede_Website.jpg
UFM_Velkommen_Sektorbillede.jpg

Velkommen


Velkommen til UFM's design guide og grafiske univers

SCROLL DOWN

Velkommen


Velkommen til UFM's design guide og grafiske univers

Velkommen til Uddannelses- og Forskningsministeriets grafiske univers og designguide

Denne guide giver et indblik i, hvordan Uddannelses- og Forskningsministeriets visuelle identitet præcist tager sig ud. Her kan du se, hvilke retningslinjer du skal rette dig efter, når du arbejder med det grafiske udtryk.

 

Med god kommunikation når vi længere

Uddannelses- og forskningsministeriet er med til at støbe nogle af de vigtigste grundpiller til fremtidens samfund – det UFM skal leve af fremover og den viden og de indsigter UFM vil have. UFM's vision er at skabe høj vækst og ny indsigt gennem fremragende uddannelse og forskning. UFM skal fremover prioritere kommunikation med deres områder højt. Den eksterne kommunikation bliver på vigtige områder linket mellem UFM og borgerne, mellem UFM og sektoren og afgørende for om UFM lykkes med at nå deres mål.

Kommunikationen i Uddannelses- og Forskningsministeriet hviler på tre værdier, der er retningsgivende for, hvordan vi tænker kommunikation i hele ministeriet. UFM's kommunikation skal være: 

Troværdig
Hviler på høj substans og faglighed

Nærværende
Er orienteret mod og gjort relevant for dem vi kommunikerer med

Offensiv
Vi sætter dagsorden, fortæller om vores resultater og har en veltimet kommunikation

 

Hvad kan jeg bruge designguiden til?

Guiden fortæller om, hvordan du skal bruge det nye design i praksis. Og viser eksempler på, hvordan det nye design kan bruges på forskellige flader og forskellige medier. Designguiden henvender sig til medarbejdere, grafikere og andre, som skal arbejde professionelt med Uddannelses- og Forskningsministeriets visuelle kommunikation til omverden. 

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

 

Sådan downloader du materiale fra designguiden

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 diverse filer.

UFM_Velkommen_Download_trin_1a.jpg
 

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.

UFM_Velkommen_Dropbox5a.jpg
 

Trin 3

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

Artboard Copy 36.jpg
UFM_Design_Guide_Logo_Sektorbillede.jpg

Krone & Logo


Krone, grundlogo, logovarianter & respektafstande 

Krone & Logo


Krone, grundlogo, logovarianter & respektafstande 

Kronen

Krone i logoet er tegnet specielt til ministeriet. Kronen er baseret på den klassiske danske krone med fem buer, æble, kors og bund. Men den har et moderne udtryk: Den er tegnet i én sammenhængende streg (monoline) med reference til en glødepære, hvilket kommunikerer designprogrammets idé. 

Det lette og moderne udtryk giver kronen et menneskeligt præg – den giver indtryk af at være tegnet i hånden og har samtidig en grafisk stramhed – og myndighed i kraft af at være en krone. Det signalerer på en gang tilgængelighed og myndighed.

Kronen kan figurere i positiv og negativ version i farverne sort, hvid og lila. 

 
 

Kronens geometri

UFM_Krone_Aftegning.jpg

Respektafstand for kronen

UFM_Krone_Afstand2.jpg

Grundlogo

Grundlogoet består af kronen og navnetrækket for Uddannelses- og Forskningsministeriet.
De respektive styrelser kan tilføjes grundlogoet ved at skrive styrelsens navn under stregen som vist på de følgende illustrationer.

Grundlogoet kan figurere i positiv og negativ version i farverne sort, hvid og lila. 

 
UFM_Design_Guide_Logo_Farver.jpg

Placering og respektafstande

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

 
UFM_Design_Guide_Logo_Afstande.jpg
UFM_Design_Guide_Logo_Visitkort_afstande.jpg

Logovarianter

Grundlogoet består af kronen og navnetrækket for Uddannelses- og Forskningsministeriet.
De respektive styrelser kan tilføjes grundlogoet ved at skrive styrelsens navn under stregen som vist på de følgende illustrationer.

Filformat: Ai, PNG, EPS

Farveværdi: CMYK & RGB

 
 

UFM Logo: (Dansk)

 

UFM_Design_Guide_Logo_Dansk.jpg
 

UFM Logo: (Engelsk)

 

UFM_Design_Guide_Logo_Engelsk.jpg
 

UFM Logo: (Dansk/Engelsk)

 

UFM_Design_Guide_Logo_Tosproget.jpg

UFM Logo: Styrelsen for Forskning og Uddannelse (Dansk)

UFM_Design_Guide_Logo_Styrelsen_For_Forskning_Og_Uddannelse.jpg
 

UFM Logo: Styrelsen for Forskning og Uddannelse (Engelsk)

UFM_Design_Guide_Logo_Danish_Agency_For_Science_And_Higher_Education.jpg
 

UFM Logo med adresse: Bredgade 40 (Dansk/Engelsk)

UFM_Design_Guide_Logo_Danish_Agency_For_Institutions_And_Educational_Grants_Adress.jpg

UFM Logo: Styrelsen for institutioner og uddannelsesstøtte (Dansk)

UFM_Design_Guide_Logo_Styrelsen_For_Institutioner_Og_Uddannelsesstøtte.jpg
 

UFM Logo: Styrelsen for institutioner og uddannelsesstøtte (Engelsk)

UFM_Design_Guide_Logo_Danish_Agency_For_Institutions_And_Educational_Grants.jpg
 

UFM Logo med adresse: Bredgade 43 (Dansk/Engelsk)

UFM_Design_Guide_Logo_Danish_Agency_For_Institutions_And_Educational_Grants_Adress_2.jpg

Logo til social media

Som profilbillede bliver kronen Den valgte skrifttype er en geomterisk sans serif i 18 vægte. Den er inspireret af de 20-århundredes sans skrifter,
kombineret med et nutidigt og moderne udtryk.

Under afsnittet "Social Media" kan du se mere precist hvordan de grafiske elementer skal bruges.

Filformat: JPG

Farveværdi: RGB

UFM_Design_Guide_Logo_Social_Media_guide.jpg

UFM Logo: Social Media

UFM_Design_Guide_Logo_Social_Media.jpg
UFM_Farver_samlet.jpg

Farver


Primære farver, Gråskala, Sekundære farver, Microsoft Office farver

Farver


Primære farver, Gråskala, Sekundære farver, Microsoft Office farver

Primærfarver

Udannelses- og Forskningsministeriet har en farvepalette bestående af fem forskellige farver. De stammer fra den eksisterende farvepalette. Den lilla er primærfarven er UFM’s kendetegn. Den bruges i al ekstern kommunikation - så vidt mulig også internt. Den rammer en tone, der udviser troværdighed, myndighed og slagkraft.

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.

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

 

Lila

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: 100, 0, 0, 0

 

Sekundære farver

Farvepaletten omfatter desuden fire sekundærfarver. De sekundære farver bruges fortrinsvis til grafer, infografikker, mouseover-identifikation m.v. I særlige tilfælde, fx i kampagnemateriale, foldere eller lignende, kan sekundærfarverne benyttes i store farveflader.

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 fire sekundærfarver. De sekundære farver bruges fortrinsvis til grafer, infografikker, mouseover-identifikation m.v. I særlige tilfælde, fx i kampagnemateriale, foldere eller lignende, kan sekundærfarverne benyttes i store farveflader.

Filformat: RGB, HEX & CMYK

 
UFM_Design_Guide_Ikon_Sektorbillede.jpg

Typografi


Primær Typografi & sekundær typografi

Typografi


Primær Typografi & sekundær typografi

Typografi

Den valgte skrifttype er en geomterisk sans serif i 18 vægte. Den er inspireret af de 20-århundredes sans skrifter, kombineret med et nutidigt og moderne udtryk.

Typografien Campton bruges som identitetsskrift på alle platforme og erstatter eksisterende brug af typografier. Den er valgt for at understøtte og forstærke Udannelse- og Forskningministerets nye strategi, hvor nøgleordene er; Slagkraftig, troværdig og nærværende. Det anbefales at kommunikation på eksterne platforme skrives ud i; Campton bold.

Særtræk:
- Slagkraftig i sin vægt
- Troværdig i sit geometriske udgangspunkt
- Nærværende i sit venlige udtryk

Filformat: OTF

 

Primær typografi: Campton

Write here...

Campton Book

UFM_Design_guide_Campton_Book.jpg

Campton Semibold

UFM_Design_guide_Campton_Semibold.jpg

Campton Bold

UFM_Design_guide_Campton_Bold.jpg
 

Campton Book Italic

UFM_Design_guide_Campton_Book_Italic.jpg

Campton Semibold Italic

UFM_Design_guide_Campton_Semibold_Italic.jpg

Campton Bold Italic

UFM_Design_guide_Campton_Bold_Italic.jpg
 

Sekundær typografi: Arial

Arial er valgt som alternativ typografi. Den har en formmæssig reference til skriften Campton i ministeriets navnetræk. Arial bliver, som hovedregel brugt som brødtekst på print og især på web.

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.

Filformat: OTF

 
UFM_Design_Guide_Arial_tegning.jpg

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.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 nye 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. For at opnå dette nærværende og troværdige udtryk anbefales det at skabe et fotobibliotek til både intern og ekstern brug med billeder taget af en profesionel fotograf, der bliver briefet om det ønskede udtryk.

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.jpg
UFM_Design_Guide_Ikon_Sektorbillede.jpg

Ikoner


En serie af engagerende ikoner

Ikoner


En serie af engagerende ikoner

Ikoner

De geometriske byggesten fra kronens streg videreføres som en serie engagerende ikoner, der kan kombineres på utallige måder. Ikonerne skaber et stærkt gennemgående element med en høj fleksibilitet og en visuel reference til den monolineære streg, kronen er bygget på. De har et mo-derne og enkelt udtryk, der bevarer den menneskelige streg og grafiske stramhed, kronen er tegnet ud fra. De signalerer således fortsat både tilgængelighed og myndighed.

Ved at bruge dette karakteristiske udtryk, får UFM et helt særligt ejerskab til ikonfamilien og rig mulighed for at udvide den over tid. Med deres legende streg er de også helt oplagte til animeret brug på de digitale platforme. De kommunikerer enkelt og skarpt og er tænkt til at kunne bruges i stort som småt, sammen og hver for sig, på forsider af tryksager og i powerpoints. I samspil med Campton forstærkes det levende kommunikationsrum, og i en ekstern sammenhæng gør de det let at afkode UFM.

 
UFM_Ikoner_Regnler3a_RGB.jpg

Ikonkardotek

I dette afsnit får du et overblik over de forskellige ikoner og deres betydning. Derudover har du både mulighed for at downloade ikoner samlet eller enkeltvis i filformater til web eller print.

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
 

Internationalt perspeketiv

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

UFM

UFM_Ikon_UFM_Krone_Lilla_RGB.jpg
UFM_Grafer og tabellert_Sektorbillede.jpg

Grafer & tabeller


???????

Grafer & tabeller


???????

Grafer og tabeller

?????

UFM_Grafer_og_tabeller.jpg
UFM_Papirlinje_Sektorbillede.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_Papirlinje2.jpg
UFM_Materialer_Sektorbillede.jpg

Materialer


UFM's grafiske univers på diverse medieflader

Materialer


UFM's grafiske univers på diverse medieflader

Materialer

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

 

 
UFM_Design_Guide_Materiale_Univers4.jpg
UFM_Designguide_Social_Media_Sektorbillede.jpg

Social Media


UFM's grafiske univers på sociale medier

Social Media


UFM's grafiske univers på sociale medier

Sociale medier

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 

UFM_Designguide_Social_Media_Logo.jpg
UFM_Designguide_Social_Media_Facebook.jpg
UFM_Designguide_Social_Media_-Twitter_03.jpg
UFM_Designguide_Social_Media_-Twitter_01.jpg
UFM_Designguide_Social_Media_-Twitter_02.jpg
 
UFM_Design_Guide_Sektorbilede_Website.jpg

Website


UFM's grafiske univers på www.ufm.dk

Website


UFM's grafiske univers på www.ufm.dk

Webelementer

På følgende billeder kan du se 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