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
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
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
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
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
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
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)
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
Farverne orange, blomme og ørkegrå kan bruges til tekst på salvie
Sekundære farver til tekst ovenpå billeder med tilstrækkelig kontrast
Lav kontrastrige farvekombinationer, og undlad at kombinere primærfarver
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.
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).
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
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.
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
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.
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.
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
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.
Wesite forside
Website Projekter
Mobile website
App ikon
Facebook cover billede
Facebook cover billeder
Social Media Posts
Facebook mitcfu.dk deling
Roll-ups
Folder
Plakatfolder
Annoncer
Kop + mulepose
Oversigt
CFU's nye visuelle identitet blev udviklet i 2022 i samarbejdet med designbureauet Urgent.Agency.