Styleguide Visuel identitet

Transkript

1 SIDE 1 Version 01. august 2013 Styleguide Visuel identitet

2 SIDE 2 Indhold 03 Introduktion 04 Den grafiske værktøjskasse 05 Logo 06 Logoudsnit ide og koncept 07 Logoudsnit grafikelementer 08 Logoudsnit som grafik på foto 10 Logoudsnit VF 11 Logoudsnit VÆKST 12 Farver 13 Infografik 14 Billedeunivers/fotostil collage 15 Billedeunivers/fotostil konceptbilleder med logoudsnit 17 Billedeunivers/fotostil konceptbilleder 20 Billedeunivers/fotostil eksempler på person- og profilbilleder 21 Billedeunivers/fotostil mennesker i arbejde 23 Billedeunivers/fotostil Vækstfondens personalebilleder 24 Billedeunivers/fotostil produktbilleder 25 Billedeunivers/fotostil hvad skal vi undgå 34 PowerPoint-præsentationer 41 Typografi 43 Typografi/eksempler 44 Typografi/brevpapir (Word-skabelon) 45 Produktbrochurer opslag i bredformat 48 Booklet eksempel på forside i kvadratisk format 50 Redaktionelle print 57 Redaktionelt elektronisk magasin 61 Elektronisk nyhedsbrev 62 Digital signatur 63 Website/tone of voice 64 Receptionen/tone of voice 26 Brevlinie brevpapir, visitkort, A5-kuvert (DK) 27 Brevlinie tekst skrevet med Verdana 28 Brevlinie visitkort og dækkeserviet 29 Skiltning og accessories 31 Årsmøde/tone of voice på skiltning 32 Årsmøde/navneskilt forside 33 Årsmøde /navneskilt bagside

3 SIDE 3 Introduktion I efteråret 2012 blev det besluttet at Vækstfondens visuelle identitet trængte til en opdatering. Både ledelse, medarbejdere og samarbejdspartnere oplevede, at den daværende visuelle identitet ikke i tilstrækkelig grad afspejlede den dynamiske virkelighed, som fonden idag udgør en aktiv del af idag! Efter en bureaukonkurence, blev designbureauet 3X valgt, som den foretrukne samarbejdspartner til at løse opgaven. Vi har igennem de sidste 10 år fulgt Vækstfondens udvikling og noteret os en stigende uballance imellem fondens oplevede og faktiske identitet. Resultatet af vor visuelle analyse, interne og eksterne samtaler bekræftede dette. Vækstfondens nye visuelle identitet er i stil og tone designet ud fra 4 værdiord lys, klar, enkel og kontant: lys: klar: enkel: kontant: symboliserer det rummelige, hvor der skabes muligheder og arbejdspladser, plads til vækst, det friske, optimistiske, innovative, kreative, risikovillige, og visionære symboliserer professionalisme, kompetence, høj faglighed, troværdighed, fokus, grundighed, engagement, struktur - en tillidsskabende og seriøs samarbejdspartner symboliserer imødekommende, personlig, nærværende, vedrørende, venlig, overskuelig, fleksibel og oprigtigt interesserede symboliserer en holdning til alt, støtter ikke alt, har politisk indflydelse, skærer ind til benet, fokuserer på detaljen, handlekraftig, konsekvent og direkte Resultatet er en identiet som fremstår tidssvarende og inkluderende. I denne styleguide vil det være muligt at få et samlet overblik af Vækstfondens nye visuelle identitet. Med venlig hilsen Thomas Kjær og Jesper von Wieding, 3X

4 SIDE 4 Den grafiske værktøjskasse En ny visuel identitet kan ses som en grafisk værktøjskasse, der indeholder et antal elementer (logo, farver, typografi, foto etc.) Elementerne kan inddeles efter graden af fleksibilitet. Logoet findes fx kun i én form, mens de øvrige elementer i den grafiske værktøjskassen kan varieres mere og anvendes mere frit. Lille Logo Farver Fleksibilitet Typografi Grafiske elementer Identitetselementer Billeder Stor

5 SIDE 5 Logo Logoet skal ses som et ekstrakt af den samlede identitet. Logoet er Vækstfondens vigtigste identitetselement.

6 SIDE 6 Logoudsnit/idé og koncept Vækstfondens logos karakteristiske bogstaver udgør en væsentlig del af den samlede identitet. Udsnit af bogstaverne tilfører en unikhed og markante skriftbilleder, som underbygger identiteten og giver den kant. Udsnittene bruges b.la. aktivt i sammenhæng med foto til at understrege en bevægelse, en retning, vækst etc. afhængig af den konkrete situation, hvori udsnittene bliver brugt.

7 SIDE 7 Logoudsnit/grafikelementer

8 SIDE 8 Logoudsnit som grafik på foto

9 SIDE 9 Logoudsnit som grafik på foto

10 SIDE 10 Logoudsnit/VF Logoudsnittet VF bruges kun begrænset som et ikon til sociale medier, apps ect. Udsnittet må ikke bruges eller opfattes som et logo.

11 SIDE 11 Logoudsnit /VÆKST

12 SIDE 12 Farver Vækstfondens overordnede visuelle identitet består af to farver, sort og hvid. Disse to farver er grundlæggende for opfattelsen af den visuelle identitet og skal som udgangspunkt altid fungere som de mest benyttede farver i al kommunikation fra Vækstfonden. Hertil kommer en række sekundære farver, der kan medvirke til at give kontrast og liv til den sort/hvide farveholdning. De sekundære farver skal benyttes i små doser og ikke optræde som store farveflader. P hvid HVID R:255 G:255 B:255 ffffff P1 PANTONE Cool Gray 1 U C: 4, M:4, Y:4, K:0 R:241 G:238 B:237 f1eeed % PANTONE 412 U C: 0, M:0, Y:0, K:100 R:0 G:0 B: R228 G229 B % R177 G179 B182 35% R149 G151 B154 49% R77 G77 B79 85% De primære farver: P (hvid), 09 (100 % sort) VIGTIGT! 01(VF-grøn, anvendes til fremhævelse af en sekundær information/ løsning) 10 (orange, anvendes KUN til frem- hævelse af en sekundær information/problemstilling) P1(lys grå, bruges som bundfarve) PANTONE 376 U C: 45, M:0, Y:100, K:0 R:153 G:202 B:60 99ca3c 05 19% 04 PANTONE 577 U C: 34, M:0, Y:75, K:25 R:138 G:168 B:85 8aa % 05B PANTONE 574 U C: 45, M:0, Y:100, K:70 R:57 G:87 B: c 05 PANTONE 5523 U PANTONE 5493 U PANTONE 5473 U PANTONE Cool Gray 1 U C: 0, M:0, Y:0, K:11 R:228 G:229 B:230 11% - R:35 G:31 B:32 231f20 PANTONE Warm Gray 2 U C: 0, M:0, Y:0, K:35 R:177 G:179 B:182 35% - R:35 G:31 B:32 231f20 PANTONE Warm Gray 5 U C: 0, M:0, Y:0, K:49 R:149 G:151 B:154 49% - R:35 G:31 B:32 231f PANTONE 297 U PANTONE 7459 U PANTONE 301 U PANTONE 412 U C: 0, M:0, Y:0, K:85 R:77 G:77 B:79 85% - R:35 G:31 B:32 231f20 PANTONE 166 U C: 0, M:71, Y:94, K:4 R:232 G:104 B:40 e86828 Første valg af farver: og 09/11 % + 35 % + 49 % + 85 % Anden valg af farver: 04 (eller 19 % af 05)+05B (eller 42 % af 05)+05 og C: 27, M:0, Y:16, K:0 19% - R:0 G:105 B:97 b8e1d9 C: 40, M:0, Y:21, K:19 42% - R:0 G:105 B:97 7eb3af (05B) C: 85, M:0, Y:45, K:51 R:0 G:105 B: C: 0, M:0, Y:0, K:0 R:123 G:195 B:225 7bc3e1 C: 58, M:0, Y:0, K:35 R:60 G:145 B:175 3c91af C: 100, M:0, Y:0, K:60 R:0 G:90 B: a7e Det anbefales at anvende farverne som skala, hvor det er muligt.

13 SIDE 13 Infografik Infografik kan gøre ekstremt komplicerede ting enkle og gøre både PowerPoint-præsentationer, artikler og årsrapporter mere informative og spændende. Til den visuelle identitet er der blevet udviklet en række enkle modeller og ikoner, der kan fungere både isoleret og i sammenhæng med hinanden.

14 SIDE 14 Billedeunivers og fotostil/collage Collagerne afspejler liv og dynamik. Et mix af imagefoto, udsnit af logografik og produktbilleder tegner et billede af Vækstfonden.

15 SIDE 15 Billedeunivers/fotostil Konceptbilleder med logoudsnit.

16 SIDE 16 Billedeunivers/fotostil Konceptbilleder med logoudsnit.

17 SIDE 17 Billedeunivers/fotostil Konceptbilleder.

18 SIDE 18 Billedeunivers/fotostil Konceptbilleder.

19 SIDE 19 Billedeunivers/fotostil Konceptbilleder.

20 SIDE 20 Billedeunivers/fotostil Eksempler på person- og profilbilleder. Personerne fremstår imødekommende, vedkommende og optræder i deres (arbejds)miljø. Disse foto er kun til information om fotostil og -tone - kan ikke anvendes til anden brug

21 SIDE 21 Billedeunivers/fotostil Mennesker i arbejde fra Vækstfondens eget arkiv. Personerne fremstår professionelle, imødekommende og vedkommende. De optræder i deres (arbejds)miljø.

22 SIDE 22 Billedeunivers/fotostil Mennesker i arbejde. Fremstår som en del af en større sammenhæng. Kigger ikke direkte i kameraet, giver et dokumentaristisk udtryk. Disse foto er kun til information om fotostil og -tone - kan ikke anvendes til anden brug

23 SIDE 23 Billedeunivers/fotostil Vækstfondens personalebilleder. Er altid i sort/hvid. Dynamisk beskåret. Kigger ikke direkte i kameraet, giver et dokumentaristisk udtryk.

24 SIDE 24 Billedeunivers/fotostil Produktbilleder.

25 SIDE 25 Billedeunivers/fotostil Hvad skal vi undgå. Mørke, rodede billeder, tætte beskæringer (der giver uforståelig mekanik), pasfoto-stil og konstruerede situationer.

26 SIDE 26 Brevlinie Brevpapir, visitkort, A5-kuvert (DK).

27 SIDE 27 Brevlinie Tekst skrevet med Verdana. Overskrift er skrevet med Verdana Bold, 9 punkt, øvrig tekst skrevet med Verdana Regular, 9 punkt over 14.

28 SIDE 28 Brevlinie Visitkort og dækkeserviet.

29 SIDE 29 Skiltning og accessories

30 SIDE 30 Skiltning og accessories

31 SIDE 31 Årsmøde/tone of voice på skiltning FORNAVN A-E FORNAVN F-J FORNAVN K-M FORNAVN N-R FORNAVN S-Å

32 SIDE 32 Årsmøde/navneskilt forside Christian Motzfeldt Vækstfonden Christian Motzfeldt Vækstfonden Investor Lars Birger Johansen Berlingske Tidende Presse Investor

33 SIDE 33 Årsmøde/navneskilt bagside

34 SIDE 34 PowerPoint-præsentationer

35 SIDE 35 PowerPoint-præsentationer

36 SIDE 36 PowerPoint-præsentationer

37 SIDE 37 PowerPoint-præsentationer

38 SIDE 38 PowerPoint-præsentationer

39 SIDE 39 PowerPoint-præsentationer

40 SIDE 40 PowerPoint-præsentationer

41 SIDE 41 Typografi Museo er en hel skriftfamilie bestående af både såkaldte slab-serif-snit (bogstaver med fødder) og semi-serif-snit (bogstaver uden fødder). Skriftfamilien er udviklet i Holland og lanceret i Slab-serifferne er gode i overskrifter og mellemoverskrifter, hvor de giver et roligt, humant og objektivt indtryk. Skal dele understreges eller markeres på anden vis, er der mange snit/tykkelser at vælge imellem. Semi-serif-skrifterne er meget velegnede til brødtekster, hvor høj læsbarhed er efterspurgt.

42 SIDE 42 Typografi Overskrifter og mellemoverskrifter. Museo Slab 100 ABCDEFGHIJKLMNOPQRSTUVWXYZÆØÅ abcdefghijklmnopqrstuvwxyzæøå Brødtekst. Museo Sans Rounded ABCDEFGHIJKLMNOPQRSTUVWXYZÆØÅ abcdefghijklmnopqrstuvwxyzæøå Museo Slab 100 Italic ABCDEFGHIJKLMNOPQRSTUVWXYZÆØÅ abcdefghijklmnopqrstuvwxyzæøå Museo Slab 500 ABCDEFGHIJKLMNOPQRSTUVWXYZÆØÅ abcdefghijklmnopqrstuvwxyzæøå Museo Slab 900 ABCDEFGHIJKLMNOPQRSTUVWXYZÆØÅ abcdefghijklmnopqrstuvwxyzæøå

43 SIDE 43 Typografi/eksempler Danskerne og konkurreceevnen - Museo Slab 900 Museo Slab 100 når OECD har gjort status over produktivitetsvæksten i de 34 medlemslande inden for de seneste 10 år, ligger Danmark helt i bund. Vi skaber ganske enkelt for lidt værdi, når vi går på arbejde. Af Jesper Thomasen, OECD - Museo Slab 100 Italic Museo Sans Rounded Doluptamus ea aut es reicae non nobit fugiam quistrum nis dolorepudio intia doloritiae offici commodis maximi, andunt est at porro qui dem imus mod moluptat deria cum rem cum quas nimus. Emporest, tet voluptatur? Ficipis enitasp erspeli tatasped minverunti bla dis nia volor rem aut optatur, eum fugia que volore ligent archil iliquam rehenducia verferum qui cullabo. Itassinciant volorum ut doles solor. Ficipis enitasp erspeli tatasped minverunti bla dis nia volor rem aut optatur, eum fugia que volore ligent archil iliquam rehenducia verferum qui cullabo. Itassinciant volorum ut doles solor re. Godt i gang med grøn omstilling - Museo Slab 100 Af Susanne Weiting, Miljøministeriet - Museo Slab 100 Italic Museo Sans Rounded nobit fugiam quistrum nis dolorepudio intia doloritiae offici commodis maximi, andunt est at porro qui dem imus mod moluptat deria cum rem cum quas nimus. 56% Emporest, tet voluptatur? Ficipis enitasp erspeli tatasped minverunti bla dis nia volor rem aut optatur, eum fugia que volore ligent archil iliquam rehenducia verfer um qui cullabo. Itassinciant volorum ut doles solor. Ficipis enitasp erspeli tatasped minver unti bla dis nia volor rem aut optatur, eum fugia que volore ligent archil iliquam rehenducia verferum qui cullabo. Itassinciant. Ficipis enitasp erspeli tatasped minverunti bla dis nia volor rem aut optatur, eum fugia que volore ligent archil iliquam rehenducia verferum qui cullabo. Itassinciant volorum ut doles solor. Ficipis enitasp erspeli tatasped minverunti bla dis nia volor rem aut optatur, eum fugia que volore ligent archil iliquam rehenducia verferum qui cullabo. Itassinciant volorum ut doles solor re.

44 SIDE 44 Typografi/brevpapir (Word-skabelon) Den alternative skrifttype, Verdana, anvendes udelukkende i tilfælde, hvor den primære font, Museo, ikke kan anvendes. Overskrifter og mellemoverskrifter Verdana Regular ABCDEFGHIJKLMNOPQRSTUVWXYZÆØÅ abcdefghijklmnopqrstuvwxyzæøå Verdana Bold ABCDEFGHIJKLMNOPQRSTUVWXYZÆØÅ abcdefghijklmnopqrstuvwxyzæøå

45 SIDE 45 Produktbrochurer Opslag i bredformat, eksempler på forsider.

46 SIDE 46 Produktbrochurer Opslag i bredformat, eksempler på opslag. Billeder og grafik er højt prioriteret. Det giver en dynamisk oplevelse.

47 SIDE 47 Produktbrochurer Opslag i bredformat, eksempler på opslag med brug af illustrationer og grafik.

48 SIDE 48 Booklet Eksempel på forside i kvadratisk format med brug af logoudsnit og logo.

49 SIDE 49 Booklet Eksempel på forside i kvadratisk format med brug af logoudsnit uden logo.

50 SIDE 50 Redaktionelle print

51 SIDE 51 Redaktionelle print

52 SIDE 52 Redaktionelle print

53 SIDE 53 Redaktionelle print

54 SIDE 54 Redaktionelle print

55 SIDE 55 Redaktionelle print

56 SIDE 56 Redaktionelle print

57 SIDE 57 Redaktionelt elektronisk magasin

58 SIDE 58 Redaktionelt elektronisk magasin

59 SIDE 59 Redaktionelt elektronisk magasin

60 SIDE 60 Redaktionelt elektronisk magasin

61 SIDE 61 Elektronisk nyhedsbrev Ugens nyheder Følg med Lorem ipsum dolor sit amed S L Perumquist laboratis cusa in pro tempor S - L

62 SIDE 62 Digital signatur VÆKSTFONDEN Christian Motzfeldt DIREKTØR Christian Motzfeldt DIREKTØR STRANDVEJEN 104A / DK-2900 HELLERUP MOBIL / CM@VF.DK / VF.DK STRANDVEJEN 104A / DK-2900 HELLERUP MOBIL / CM@VF.DK / VF.DK FØLG OS PÅ: LINKEDIN / TWITTER / YOUTUBE FØLG OS PÅ: LINKEDIN / TWITTER / YOUTUBE Verdana og logo A på logo, som indlejres som billed. B

63 SIDE 63 Website/tone of voice

64 SIDE 64 Receptionen/tone of voice