cfu_logo

Designguide


Velkommen til CFU's nye designguide. Guiden kan give inspiration og hjælper dig med at overholde retningslinjerne for vores nye visuelle identitet. Derudover indeholder den alle de elementer, du kan få brug for i din designproces. 

1. Designkoncept

2. Logo

3. Farver

4. Typografi

5. Femte element

6. Ikoner

7. Billedstil

8. Skabeloner

9. Eksemplificeringer

1. Designkoncept

CFU's visuelle identitet iscenesætter jer som et levende økosystem, der forbinder individuelle aktører i et decentraliseret netværk for vejledning, støtte og inspiration.


Konceptet er inspireret af svampelegemet mycelium. Svampen, du møder i skovbunden, er organismens "frugt" – størstedelen af svampen lever gemt under jorden. Her spreder svampens trådformede celler, mycelium, sig i et omfattende decentraliseret økosystem. Mycelium overfører vand, nitrogen og andre næringstoffer og spiller dermed en afgørende rolle for næsten alle plantearters helbred, næringsindtag og vækst.


Ligesom mycelium er CFU et levende økosystem, som gennem støtte, vejledning og ressourcedeling spiller en vital rolle for den brede offentlighed.


2. Logo

Hovedlogo


CFU-logoet er vores signatur og bruges på de fleste kommunikationsflader. Konsistens er vigtigt, og derfor guider følgende afsnit dig til korrekt brug af logoet. Hovedlogoet består af navnetrækket 'cfu', sat i en tilpasset udgave af brandskrifttypen, ES Build. Denne version anvendes på de fleste berøringsflader og fungerer grundet dens enkelthed også godt i små størrelser. 

Formater

AI, EPS, PNG, PDF, SVG

download primære logoer
group-2436


Sekundære logoer


Disse sekundære versioner af logoet er tillagt undertitlen "center for undervisningsmidler" under 'cfu'-navnetrækket. Disse kan anvendes de steder, hvor 'cfu' som afsender ikke i forvejen er velkendt, og man ønsker en beskrivende forklaring. Logoet anvendes enten i høj- eller bredformat, alt efter hvad der passer bedst ind i designet. 

Formater

AI, EPS, PNG, PDF, SVG

download sekundære logoer
cfu-center-logo

Tertiære logoer


Som de sekundære versioner af logoet indeholder de tertiære versioner også en undertitel – nemlig "en del af danske professionshøjskoler". Dette logo anvendes kun til kommunikation med interessenter og til co-branding.

Formater

AI, EPS, PNG, PDF, SVG

download tertiære logoer
group-2444


mitcfu-logo


Ligesom CFU er mitcfu også indbefattet af den opdaterede visuelle identitet og har derfor også fået nyt logo. Som de andre logoversioner anvendes dette logo som udgangspunkt i mørkegrå eller salvie i interne sammenhænge og i ren sort eller hvid i eksterne sammenhænge. 

Formater

AI, EPS, PNG, PDF, SVG

download mitcfu logoer
group-2375

Professionshøjskolerne


Som en del af logopakken findes også særskilte logoer til hver af de seks professionshøjskoler – ligeledes i både bred- og højformat. 

Formater

AI, EPS, PNG, PDF, SVG

download professionshøjskolelogoer
group-2463


3. Farver

CFU's farvepalette er en simpel palette, som udtrykker friskhed og selvsikkerhed, men som samtidig giver et varmt og imødekommende udtryk. De fem farver er nøje afstemt i forhold til hinanden og kan anvendes i en række kombinationsmuligheder. 


Paletten findes både som RGB/HEX (til skærm/web), CMYK (til eksternt tryk) og Pantone/PMS (til tryk, hvor farven er ekstra vigtig, og CMYK ikke rækker). 

Formater

PDF (oversigt) og

ASE (til import i Adobe-pakken)

download farver

Orange


HEX

#F05A23


RGB  

240 90 35


CMYK

0 75 95 0


PMS

Orange 021 C

Blomme


HEX

#872D5A


RGB

135 45 90


CMYK

40 95 25 40


PMS

683 C

Gul


HEX

#FFCD00


RGB

255 205 0


CMYK

0 10 95 0


PMS

Yellow 012 C

Koks


Hex

#2A2A2A


RGB

42 42 42


CMYK

15 10 5 90


PMS

Black 7 C


Salvie


HEX

#EEF4E4


RGB

238 244 228


CMYK

15 5 10 0


PMS

7541 C

Hvid


HEX

#FFFFFF


RGB

255 255 255


CMYK

0 0 0 0

Korrekt brug af farver


Af hensyn til læsbarhed og overskuelighed er der en række korrekte kombinationsmuligheder af CFU's farvepalette. Følgende farvekombinationer bør altid overholdes, når man designer. 


Primære farver bruges fortrinsvis som baggrundsfarve i kombination med sekundære farver eller sort/hvid til tekst

color-1a

Farverne orange, blomme og ørkegrå kan bruges til tekst på salvie

color-2

Sekundære farver til tekst ovenpå billeder med tilstrækkelig kontrast

color-3

Lav kontrastrige farvekombinationer, og undlad at kombinere primærfarver

color-4

4. Typografi

CFU's skrifttype, ES Build, er et vigtigt element i den visuelle identitet og styrker CFU's brand og genkendelighed. Skriften findes i to versioner; Normal og Bauhaus, med en varierende grad af karakter og signifikans. 


Brug "Normal" til alle overskrifter og brødtekster. "Bauhaus"-snittet af skriften bruges kun til CFU's logo samt subbrands, såsom mitcfu. 


Skrifttypen bør anvendes i kombination af regular til brødtekst og længere tekster og i semibold til overskrifter. Brug kun italic til enkelte fremhævninger. 


group-2378
group-2379


I de tilfælde, hvor ES Build ikke skal anvendes – eksempelvis i Microsoft Office-programmerne – eller ikke er installeret på den aktuelle computer, anvendes i stedet skrifttypen Arial (i regular, italic, bold og bold italic). 


group-2380
group-2381

5. Femte element

Modeller


Udover logo, skrifttype og farver indeholder CFU's visuelle identitet et 'femte element', bestående af interagerende cirkler, sammensat i dynamiske, stemningsskabende kompositioner. 


Dette femte element kan bruges til at opbygge grafiske modeller, indeholdende tekst eller ikoner, som i sammenhæng giver et indtryk af den pågældende kommunikationsflades fokus. 


Her kan du downloade en skabelon for maskerne, skabt i Figma, som gør dem lette at anvende og modificere efter behov. Filen skal importeres i Figma ved at trykke "Import file..." på forsiden og kan herefter åbnes. 


Filformat

Figma

download modeller
femteelement

Masker


Det femte element, de overlappende cirkler, kan også anvendes som masker til fotos – dels for at tilføre visuel spænding og dynamik, og dels for igen at fremhæve brandets samlede, visuelle udtryk. 


Her kan du downloade en skabelon for maskerne, skabt i Figma, som gør dem lette at anvende og modificere efter behov. Filen skal importeres i Figma ved at trykke "Import file..." på forsiden og kan herefter åbnes. 


femteelement-billede2

6. Ikoner

CFU har adgang til en række ikoner, som kan bruges til at supplere tekst og billeder og til at skabe visuel variation. Ikonerne kan ligeledes anvendes i modeller – se 5. Femte element: Modeller. Disse ikoner skal bruges i samme farve som teksten og de øvrige grafiske elementer. 

Formater

Figma, AI, PDF, PNG, SVG

download ikonpakke
group-2355
group-23562

7. Billedstil

CFU's billedstil er vigtig at have for øje, når man skal udkomme på de forskellige kommunikationsflader. Billedstilen består af tre hovedgrupper: detalje, mennesker, stemning. Fælles for alle tre er naturligt varme billeder med lav dybdeskarphed, nærhed, enkle motiver og kompositioner.


group-2472
rectangle-1749
rectangle-1750

Detalje

CFU's har et særligt fokus på praksis og derfor er den fysiske interaktion et vigtigt element. Til at portrættere dette lægges der et specifikt fokus på detaljer, close-ups, med lav dybdeskarphed.

Mennesker

Den menneskelige og kollegiale relation, som CFU står for, skal portrætteres med lærere i en interaktion med andre lærere eller elever. Billeder af elever alene bruges ikke.

Stemning

CFU bruger stemningsbilleder, som ikke har fokus på én specifik person eller genstand, men en stemningsskabende situation, som baggrund til tekst og femte element på kommunikationsmateriale.

group-2473

Undgå

Overbliksbilleder, billeder uden lærere, oversaturerede billeder, komplekse motiver.

8. Skabeloner

For at sikre designmæssig konsekvens og gøre det let at skabe grafik til nye opslag og profilbilleder på sociale medier kan du anvende skabelonen her. 


Skabelonen, skabt i Figma, muliggør ændring af tekst, fotos og farver og kan let eksportere nye billeder ud, klar til upload. Filen skal importeres i Figma ved at trykke "Import file..." på forsiden og kan herefter åbnes. 

Filformat

Figma

download some-skabeloner
group-2259
cfu_some_posts

9. Eksemplificeringer

Følgende designeksempler viser, hvordan CFU’s nye identitet kan sættes i spil på cfu.dk samt på trykte og fysiske materialer. 


Disse eksempler kan bruges som inspiration til fremtidige designproduktioner, men skal ikke anses som færdige produkter og udgivelser. 


web_front

Wesite forside

web_page

Website Projekter

web_mobile

Mobile website

cfu_ebog

App ikon

cfu_fbcover

Facebook cover billede

cfu_fbcovers

Facebook cover billeder

cfu_someposts

Social Media Posts

mitcfudeling

Facebook mitcfu.dk deling

cfu_rollup2

Roll-ups

cfu_folder

Folder

cfu_plakatfolder

Plakatfolder

cfu_annonce2

Annoncer

cfu_merch

Kop + mulepose

cfu_overview

Oversigt

CFU's nye visuelle identitet blev udviklet i 2022 i samarbejdet med designbureauet Urgent.Agency. 


Tilbage til top