LIFE DESIGNGUIDE V.6 2019 E-TYPES & DENNIS NGO-ANDERSEN
KAPITEL 2 VELKOMMEN Designguide for LIFE s visuelle identitet. Designguiden er en guide til brug af de grundelementer LIFE s visuelle identitet indeholder, igennem farver, skrift, grafiske elementer, billed- og illustrationsstil. Guiden indeholder eksempler på hvordan grundelementer kan bruges, og bør ses som inspiration til at lade identiteten leve inde for de viste rammer.
KAPITEL 3 INDEX 4 Identitet 5 Logo 12 Skrifter 16 Farver 19 Grafisk 5. element 22 Mønstre og ikoner 25 Billedstil 29 Illustrationsstil
KAPITEL 4 IDENTITET LIFE S IDENTITET BESTÅR AF FØLGENDE: LOGO FARVER + KOMBINERET MED ÉN ELLER FLERE AF FØLGENDE: MØNSTRE 5. ELEMENT FOTOS ILLUSTRATIONER
LOGO
LOGO 6 LOGOVARIANTER Logo findes i to versioner. En version med tagline og en version uden tagline. LIFE s tagline er uderstøtter navnet. Logo version vælges efter behov. Grundidéen for logoets opbygning er livets bygge klodser med tanken om at kombinationen af uddannelse og karrierevalg man tilvælger igennem ens liv. Logo Logo med tagline
LOGO 7 FARVEVARIANTER AF LOGO Loget findes i fire farvevarianter udfra LIFE s farvepalette: LIFE blå LIFE rød Hvid (negativ) Mørkgrå LIFE blå og LIFE rød er primære mens hvid kan bruges som et alternativ på samme niveau som blå og rød på billeder og grafik. Mørkgrå bruges kun i tilfælde hvor én farve er mulig.
LOGO 8 FARVEVARIANTER AF LOGO MED TAGLINE Logo med tagline findes i fire farvevarianter (og med tagline på engelsk og dansk) udfra LIFE s farvepalette: LIFE blå LIFE rød Hvid (negativ) Mørkgrå Samme vægtfordeling gælder her, som på logo uden tagline (se side 6).
LOGO 9 RESPEKTAFSTAND LIFE s logo skal altid have en respektafstand til øvrige elementer eller margener. Afstanden kommer fra bredden på L i den brugte størrelse af LIFE logoet i den pågældende brug. I enkelte tilfælde hvor LIFE s logo bruges i meget store størrelser til displaybrug fx et stort billboard kan reglen for respektafstand undlades, men der skal her altid tages stilling til luft omkring logoet.
LOGO 10 LOGO PLACERING LIFE logoet bør altid placeres hvor det får luft og kan bruges til at spænde formatet ud. Heraf skal logoet altid sættes i et hjørne, eller centralt. Vær opmærksom på respektafstand (se side 8).
LOGO 11 MINIMUMSTØRRELSE LIFE logoet har en minimumsstørrelse for at forhindre at luften imellem byggeklodserne lukker til og denne skal altid følges. Minimumsstørrelsen eksisterer både på print og web. min. 7 mm Ved brug af logo i en mindre størrelse, bør original logoet modificeres professionelt til en specifik mindre størrelse. min. 20 px
SKRIFTER
SKRIFTER 13 PRIMÆR SKRIFT En stor del af LIFE s visuelle identitet er valget og brugen af disse skrifter. Niveau 1 Italian Plate No2 Extrabold Italic er til display, som store titler og overskrifter, og bør være det primære på elementer som forsider, annoncer, merchandise og kort kommunikation. Niveau 1 DANMARKS VILDESTE LÆRINGS- LABORATORIUM Niveau 2 Italian Plate No2 Expanded Extrabold Italian Plate No2 Expanded Regular Italian Plate No2 Extrabold Italic er al tekst udover niveau 1. Bruges til underbyggende tekster, rapporter og undervisningsmateriale. Niveau 2 Am aut perero od que exero Vento moluptatios nonsed estecep udanda ipsam accullam utem. Itates atios eature minis aute iduciti ssinus dem doloratque vero officim porit, es nobis adi aut aut inctur, comnimi lignientibus volupta tionseq uideles tendus sim et ex ex et vellandit vendis et ducianda ant untur aditas milibus cum accus denimus illaut qui am ventur?
SKRIFTER 14 SYSTEM SKRIFT Til officebrug, hvor det ikke er muligt at benytte sig af LIFE s primære skrift, kan systemskriften bruges. Niveau 1 Arial Narrow Bold Italic er til display, som store titler og overskrifter, og bør være det primære på elementer som forsider, annoncer, merchandise og kort kommunikation. Display DANMARKS VILDESTE LÆRINGS- LABORATORIUM Niveau 2 Arial Bold Arial Regular Arial Italic er al tekst udover niveau 1. Bruges til underbyggende tekster, rapporter og undervisningsmateriale. Brødtekst Am aut perero od que exero Vento moluptatios nonsed estecep udanda ipsam accullam utem. Itates atios eature minis aute iduciti ssinus dem doloratque vero officim porit, es nobis adi aut aut inctur, comnimi lignientibus volupta tionseq uideles tendus sim et ex ex et vellandit vendis et ducianda ant untur aditas milibus cum accus denimus illaut qui am ventur?
SKRIFTER 15 Eksempler ROTATION AF TEKST Roteret tekst kan benyttes som effekt tekst på få udvalgte overskrifter der skal stå ud fra øvrig content. F.eks. som forside på en publikation eller som web element. Tema: Hvordan kan microorganismer og sensorteknologi bidrage til bæredygtig produktion af fødevarer? Italian Plate No2 Extrabold Italic ROTATION: 12,5 O LÆRING Gitaesto torem fugitae. Quibus. Tectur magnis suntem accus mo ipsunt. Obiscipid eos ium, aut vide eaqui quiaerio tem. ENZYMJAGTEN Arial Narrow Bold Italic ROTATION: 10 O LÆRING Fag: Fysik Kemi Biologi Geografi Klasse: 8. Klasse (udskoling) Partner: Novozymes
FARVER
FARVER 17 FARVER LIFE Blå LIFE Rød Hvid Mørkgrå LIFE s farvepalette består af LIFE blå og LIFE rød som de primære farver, med brug af hvid på samme niveau. Disse bruges i størstedelen af LIFE s elementer. CMYK 100-75-0-35 RGB 0-56-119 HEX 003877 PMS 294 CMYK 0-100-80-0 RGB 238-64-74 HEX EE404A PMS 186 CMYK 0-0-0-0 RGB 255-255-255 HEX FFF CMYK 0-0-0-85 RGB 35-35-35 HEX 232323 Mørkgrå bruges istedet for sort som en del af LIFE s farvepalette i kommunikation med større indhold som rapporttekster el.lign. NB! Foruden hvid og mørkgrå, må kun to farver bruges ad gangen. Dette gælder også ved brug af accentfarver. Tint 50% RGB 128-156-187 Tint 50% RGB 247-159-164 Tint 50% RGB 145-145-145 TINTS Disse benyttes som sekundær farver i diagrammer (bl.a. Powerpoint) hvor flere farver er nødvendige. Lyseblå CMYK 70-0-0-0 Gul CMYK 0-10-100-0 Grøn CMYK 80-0-75-0 ACCENTFARVER NB! Disse skal bruges sparsomt. Blå og rød er de bærende farver i identiteten. Accentfarver må ikke bruges i mønstre. RGB 0-200-255 HEX 00C8FF PMS 298 Tint 50% RGB 255-210-0 HEX FFD200 PMS Yellow 012 Tint 50% RGB 0-170-120 HEX 00AA78 PMS 2249 Tint 50% RGB 127-227-255 RGB 255-232-127 RGB 127-212-187
GRAFISK 5. ELEMENT 18 DYK NED I DYBET! DYK NED I DYBET! DYK NED I DYBET! Alitaquis inus sunt moluptum liquo od ut omnis quas in nimaximus eum fugit, niet quo ius is apidebit, odi blaboribusa doluptur molupta quisti dolestrum nus quam iditi doloreribus se voluptus esti sunt. Alitaquis inus sunt moluptum liquo od ut omnis quas in nimaximus eum fugit, niet quo ius is apidebit, odi blaboribusa doluptur molupta quisti dolestrum nus quam iditi doloreribus se voluptus esti sunt. Alitaquis inus sunt moluptum liquo od ut omnis quas in nimaximus eum fugit, niet quo ius is apidebit, odi blaboribusa doluptur molupta quisti dolestrum nus quam iditi doloreribus se voluptus esti sunt. Korrekt brug af farver Korrekt brug af mønstre kun to farver i brug (udover hvid), og LIFE blå og rød er brugt til mønster. Korrekt brug af farver kun to farver i brug (blå til mønster og accent gul til tekst). DYK NED DYK NED DYK NED I DYBET! Alitaquis inus sunt moluptum liquo od ut omnis quas in nimaximus eum fugit, niet quo ius is apidebit, odi blaboribusa doluptur molupta quisti dolestrum nus quam iditi doloreribus se voluptus esti sunt. I DYBET! Alitaquis inus sunt moluptum liquo od ut omnis quas in nimaximus eum fugit, niet quo ius is apidebit, odi blaboribusa doluptur molupta quisti dolestrum nus quam iditi doloreribus se voluptus esti sunt. I DYBET! Alitaquis inus sunt moluptum liquo od ut omnis quas in nimaximus eum fugit, niet quo ius is apidebit, odi blaboribusa doluptur molupta quisti dolestrum nus quam iditi doloreribus se voluptus esti sunt. Forkert brug af farver for mange farver i brug (4), og accentfarver fylder mere end LIFE blå og rød. Forkert brug af mønstre accentfarve må ikke optræde i mønster. Forkert brug af farver for mange farver i brug.
GRAFISK 5. ELEMENT
GRAFISK 5. ELEMENT 20 GRAFISK 5. ELEMENT Grundideen i LIFE logoet med sit afsæt i livets byggeklodser er tydeligt i brugen af identitetens grafiske 5. element. Ved afskillelse af logoets byggeklodser, bruges disse til et grafisk udtryk på LIFE farver eller billeder. Klodserne kan være farvet, indeholde et billede eller et LIFE mønster. NB! Byggeklodserne skal poportionelt have samme størrelse så én klods må ikke være 50% af originalstørrelsen og en anden 75%. Klodser må ikke roteres eller flippes horisontalt eller vertikalt.
GRAFISK 5. ELEMENT 21 GRAFISK 5. ELEMENT Eksempler på brug DYK NED BIO LIFE I DYBET! TOTALT LANGT UDE Alitaquis inus sunt moluptum liquo od ut omnis quas in nimaximus eum fugit, niet quo ius is apidebit, odi blaboribusa doluptur molupta quisti dolestrum nus quam iditi doloreribus se voluptus esti sunt. Gitaesto torem fugitae. Quibus. Tectur magnissuntem accus mo ipsunt. Obiscipid eos ium, aut vide eaqui quiaerio tem lab int mos corum a dolupta tiorios sumque enimus raeceptate nosaniet duntibe rspelectorit la plaborpor alis que sae sunt, acea volut ra vendant. Alitaquis inus sunt moluptum liquo od ut omnis quas in nimaximus eum fugit, niet quo ius is apidebit, odi blaboribusa doluptur molupta quisti dolestrum nus quam iditi doloreribus se voluptus esti sunt. Alitaquis inus sunt moluptum liquo od ut omnis quas in nimaximus eum fugit, niet quo ius is apidebit, odi blaboribusa doluptur molupta quisti dolestrum nus quam iditi doloreribus se voluptus esti sunt.
MØNSTRE
MØNSTRE 23 MØNSTER OVERSIGT I G O L O I B / I F A R G O E B G A K S N E D I V GEO I M E K Under construction K I S Y F T / ) (IT I G O L O N EK B A K S N E ID V R U NAT Under construction E / H TEC RING E E N I NG K I T A M E T A M Under construction / K I FYS OMI N O R AST
MØNSTRE OG IKONER 24 EKSEMPLER PÅ BRUG AF MØNSTRE Gitaesto torem fugitae. Quibus. Tectur magnissuntem accus mo ipsunt. Obiscipid eos ium, aut vide eaqui quiaerio tem lab int mos corum a dolupta tiorios sumque enimus raeceptate nosaniet duntibe rspelectorit la plaborpor alis que sae sunt, acea volut ra vendant. BIO LIFE DANMARKS VILDESTE LÆRINGS- LABRATORIUM Gitaesto torem fugitae. Quibus. Tectur magnis suntem accus mo ipsunt. Obiscipid eos ium, aut vide eaqui quiaerio tem. DANMARKS VILDESTE LÆRINGS- LABRATORIUM Gitaesto torem fugitae. Quibus. Tectur magnissuntem accus mo ipsunt. Obiscipid eos ium, aut vide eaqui quiaerio tem lab int mos corum a dolupta tiorios sumque enimus raeceptate nosaniet duntibe rspelectorit la plaborpor alis que sae sunt, acea volut ra vendant. Alitaquis inus sunt moluptum liquo od ut omnis quas in nimaximus eum fugit, niet quo ius is apidebit, odi blaboribusa doluptur molupta quisti dolestrum nus quam iditi doloreribus se voluptus esti sunt. Gitaesto torem fugitae. Quibus. Tectur magnissuntem accus mo ipsunt. Obiscipid eos ium, aut vide eaqui quiaerio tem lab int mos corum a dolupta tiorios sumque enimus raeceptate nosaniet duntibe rspelectorit la plaborpor alis que sae sunt, acea volut ra vendant. Alitaquis inus sunt moluptum liquo od ut omnis quas in nimaximus eum fugit, niet quo ius is apidebit, odi blaboribusa doluptur molupta quisti dolestrum nus quam iditi doloreribus se voluptus esti sunt. Gitaesto torem fugitae. Quibus. Tectur magnissuntem accus mo ipsunt. Obiscipid eos ium, aut vide eaqui quiaerio tem lab int mos corum a dolupta tiorios sumque enimus raeceptate nosaniet duntibe rspelectorit la plaborpor alis que sae sunt, acea volut ra vendant. Alitaquis inus sunt moluptum liquo od ut omnis quas in nimaximus eum fugit, niet quo ius is apidebit, odi blaboribusa doluptur molupta quisti dolestrum nus quam iditi doloreribus se voluptus esti sunt.
BILLEDSTIL
BILLEDSTIL 26 FÆLLESSKAB OG LÆRING FØRST Målet for LIFE motiver udvalgt til ekstern brug er at fange positive og troværdige øjeblikke med høj æstetik og diversitet. Motiver der samtidig fremhæver det bedste i de involverede personligheder og situationer der bliver formidlet. Herigennem får beskueren et realistisk indblik i de projekter, eksperimenter og læringssituationer hvor LIFE er involveret. TROVÆRDIGHED Vores motiver skal afspejle realistiske LIFE fortællinger med rigtige mennesker i meningsfulde omgivelser, undervisnings situationer m.fl. Dette udelukker ikke iscenesættelser der ofte er nødvendige for, at skabe den nødvendige diversitet i en billedbank. Situationen skal dog altid fremstå troværdighed og i en dansk setting. Montage fotos (sammensatte fotos) benyttes ikke. Diversitet; For at afspejle det realistiske danske samfund søger vi diversitet i køn, race og alder. Alder på elever skal dog være troværdigt i den pågældende kontekst. Vi benytter så vidt muligt motiver taget af egen (professionel) fotograf. Billeder taget på farten kan dog benyttes til SoMe eller som forklarende fotos i materialepakker hvis de opfylder både kriterier til kvalitet og de 5 billedtyper (næste side). POSITIVT LYS Motivet skal altid projektere LIFE på en positiv facon Være af høj æstetisk kvalitet (f.eks. skarphed, såvel som motiv valg m.fl) De deltagende på motivet er aktive og følelsemæssigt involveret (f.eks. udviser begejstring, fascination, dyb koncentration/fordybelse eller en tydelig undren mv.). FÆLLESKAB OVER INDIVIDET I LIFE er de deltagende en aktiv del af en gruppeaktivitet. Vi søger så vidt muligt, at formidle det visuelle budskab om fællesskab og læring.
BILLEDSTIL 27 (A) (PRIMÆR MOTIVER) (B) (PRIMÆR MOTIVER) (C) GRUPPEFOTOS Motiver af elever i læringssituationer og interaktionen herimellem eller mellem elever og deres undervisere/life ansatte Kan anvendes til: Key visual: Brand/web/kampagne og Alle publikationer og medier ubegrænset. Undtagelse: Benyttes aldrig til portræt relateret materiale ENKELT ELEV I FOKUS? Selvom vi som udgangspunkt søger at vælge motiver der underbygger fortællingen om fællesskab kan også motiver hvor en enkelt elev er i fokus benyttes. Forudsætning: Hvis setting implicitet indikerer at læring og/eller fællesskab er nærværende. Fotografen må derfor gerne vinkle eller beskære motiver så nogle involverede elever fremstår tydeligere end andre (f.eks. vha. ude-af-fokus, close ups etc.). Kan anvendes til: Key visual: Brand/web/kampagne Forside i nøgle publikationer Web og content i større publikationer (vægtes 1:2 ift- øvrige motiver med tydelige grupper ) Forside til materialesamling, læringsvejledninger mv. SoME (f.eks. stemningsposts fra events) Generel content f.eks. på web/i publikationer/læringsvejledninger mv. VI SØGER IKKE AT FREMHÆVE ENKELTPERSONER, FRA UNDERVISNINGSSITUATIONER, SOM IKKE ER ELEVER. Dette gælder undervisere og LIFE ansatte. Med mindre de figurerer i et miljø hvor det er tydeligt at elever er tilstede. Dette omfatter naturligvis ikke medarbejderfotos benyttet til website, karrieresites eller hvor det er tydeligt at der er tale om et portræt af den pågældende person (f.eks. til pressmateriale) mv. Kan anvendes til: Web og content i større publikationer (vægtes 1:2 ift- øvrige motiver med tydelige grupper ) Forside til materialesamling, læringsvejledninger mv. SoME (f.eks. stemningsposts fra events) Generel content f.eks. på web/i publikationer/læringsvejledninger mv. Benyttes aldrig som Key visual: Brand/web/kampagne
BILLEDSTIL 28 (D) SETTINGS HVOR ELEVER IKKE DELTAGERE (F.EKS. PÅ BIG BANG, FOLKEMØDE ELLER LIGN). Primær: Vi tilstæber stadig budskabet om fællesskab (blandt mennesker) hvor LIFE inteagerer med fællesskabet. F.eks. LIFE ansatte taler med messedeltagere, ansatte på scenen med sløret menneskehav i forgrunden etc. Sekundær: Enkeltpersoner (ofte LIFE ansatte) der befinder sig i en setting hvor LIFE bliver stærkt branded (f.eks. kraftige LIFE farver og logoer i bg). Kan anvendes til: Web (vægtes ift. 1:4 øvrige motiver) SoME (f.eks. stemningsposts fra events) Generel content f.eks. på web/i publikationer Portræt relateret (presse, publikation eller på website) Benyttes aldrig som Key visual: Brand/web/kampagne (E) STILLEBEN OG CLOSEUPS Det er nødvendigt med stilleben, close-ups/ultra-close-ups f.eks. af petriskåle, biller/svampesporer, drone skud af mobile lab, 3-D bygningsrenderinger, LIFE materialer osv. Stock fotos (uden ansigter) kan benyttes i mindre omfang. Kan anvendes til: Web (vægtes ift. 1:4 øvrige motiver med mennesker) Forside i nøgle publikationer Forside til materialesamling, læringsvejledninger mv. SoME (f.eks. stemningsposts fra events) Generel content f.eks. på web/i publikationer/læringsvejledninger mv. Benyttes aldrig som Key visual: Brand/web/kampagne INFO TIL FOTOGRAFEN Fotografen opfordres til at slippe den kreative leg løs og eksperimentere med alternative idéer (kameravinkler, instruktion, iscensættelser og positioner) så længe de er relevante og troværdige i LIFE regi. Dette gøres for at skabe stærkere, mere mindeværdige motiver, vække nysgerrighed og generere større diversitet i en samlet billedbank. På denne måde lærer vi samtidig løbende hvad der virker for LIFE. VIGTIGT! Fotografen skal altid sikre sig, at et officielt LIFE/Novo Nordisk Fonden letter of consent er underskrevet af de involverede deltagende eller deres forældre. LIFE/NNF leverer dette dokument, fotograf scanner og tilbagesender underskrevne dokumenter til LIFE. Fotos tages af en professinel fotograf og leveres i højopløseligt bredformat (der giver mulighed for højformat beskæring) via wetransfer.com eller aftale indgås om brug af Dropbox eller lign.
ILLUSTRATIONSTIL
ILLUSTRATIONSSTIL 30 A. FLAT DESIGN ES C Simplificeret digital look (men uden at være kold) Stilen kan justeres så den fungerer på tværs af aldersgrupper B. Embryonale Stamceller Keratinocytter Overhud Harmonerer stilmæssigt med CVI herunder LIFE s simple mønsterbaggrunde (bl.a. skal illustrationer kunne afkodes på mønstre) Har (ultra)høj driftvenlighed Kan eksekveres af mange forskellige grafikere og det er let at tilkøbe grafiske elementer (f.eks. på Shutterstock) C. Stilen har mindre grad af unikt særpræg LIFE særpræg stammer istedet fra mønsterbaggrunde og fonte Elementer tegnes/sammensættes til det specifikke formål PIKTOGRAMMER (IKONER) Vælg én af følgende til din illustration: 1.) Detaljerede flat design ikoner med farver 2.) Simple flat design ikoner i én farve
ILLUSTRATIONSSTIL 31 ILLUSTRATIONER: DO S AND DON TS ILLUSTRATIONER GENERELT DKraftige/livlige D farveflader (inspireret af LIFE s farvepalette) DSimple/tynde D forklarende pile og lines (evt. som stiplede) DDigitalt D look DIkoner: D Vælg én type fra forrige side. UHåndtegnet U look UOutlines U UBløde U drop shadows ( hårde tegnede skygger er okay) UGradient U farver UKomplekse U detaljer ILLUSTRATIONER I POWERPOINT PRÆSENTATIONER DBenyt D altid LIFE Templafy skabelon! (kun tilgængelig for LIFE ansatte) DRetningslinjer D fra Illustrationer Generelt gælder også i Powerpoint. DKeep D it simple og elegant! DLines, D retangles, basic shapes (undgå lyn, smileys, hjerter mv). Simple og tynde lines (evt. som stiplede) eller shapes med farvet fyld DIcons D i CVI farver (primært hvid) eller vælg én type fra forrige side. UStars/banners, U Call outs (tale-tankebobler) UOutlines U på fotos og farvefyldte shapes UGradient U farver USkygge/glow/refleksion/3-D-effekter U mv