Visuell identitet Riktlinjer 1 VISUELL IDENTITET RIKTLINJER
Introduktion Megamind är en utställning inom Tekniska museet och har därför möjlighet att ha en egen visuell identitet. Megamind ska förhålla sig till de riktlinjer och mallar som finns för utställningskommunikation, se nivå 3 inom ramen för Tekniska museets visuella identitet. Den visuella identiteten är framtagen för att ge allmänheten en bild av vår utställning som stämmer överens med vår egen vision. Den har hämtat sin inspiration i den rumsliga utformningen av utställningen. Megaminds visuella identitet omfattar logotyp, typografi, färger, grafiskt element och bild-/illustrationsspråk. Om vi är konsekventa i vår kommunikation blir vi enklare att känna igen och komma ihåg i det mediala bruset. I denna pdf sammanfattas de riktlinjer som gäller för Megaminds visuella identitet. Riktlinjerna är tänkta att underlätta arbetet för oss internt, och för formgivare och byråer som vi samarbetar med. Vid ev. frågor, kontakta museets kommunikationschef Anki Rundgren på +46 8 450 56 00 2 VISUELL IDENTITET RIKTLINJER
Innehållsförteckning Grundelement Logotyp 4 Identitetsfärger 9 Typografi 11 Grafiskt element och mönster 14 Bildmanér och illustration 16 Tillämpningar 25 3 VISUELL IDENTITET RIKTLINJER
Logotyp 4 VISUELL IDENTITET RIKTLINJER
Logotyp primära Megaminds logotyp är en ordbild, där A i Mega förbinds med N i mind. Den form som uppstår kan tolkas som en snilleblixt, sammanlänkning, något dynamiskt eller att något nytt uppstår när två delar samverkar. Megamind svart Megamind orange Logotypen finns i färgställningarna svart, vitt, orange samt färgsatt med spektrat. Dessa ska betraktas som primära färgställningar och användas så ofta som möjligt för att skapa stark igenkänning. Den spektrumfärgade används i sammanhang när logotypen är ensam bärare av den visuella identiteten, på till exempel profilprodukter och i kampanjer. Den orange logotypen är i sitt grunduttryck fluorescerande orange och används med fördel i PMS-tryck, på målade och folierade ytor och i andra sammanhang där denna orange kan återges. Megamind negativ Megamind spektra 5 VISUELL IDENTITET RIKTLINJER
Logotyp sekundära Logotypen finns även i ett antal tonade färgställningar, där näraliggande färger i spekrat är utgångspunkten för toningen. Dessa kan användas i till exempel kampanjer. Toningen gör att färgerna inte tenderar att förväxlas med platslogotypernas färger. Vid val av logotypvariant, tänk på bakgrundsfärg för kontraster och läsbarhet och sammanhang, till exempel om en serie produkter ska hållas samman. 6 VISUELL IDENTITET RIKTLINJER
Logotypens frizon Logotypen ska placeras så att den uppfattas så tydligt som möjligt. Runt logotypen ska det alltid finnas en frizon, där inga andra grafiska element, bilder eller texter får placeras. Logotypens frizon kan vara större än angivna mått. Frizonen baseras på bredden av M. 7 VISUELL IDENTITET RIKTLINJER
Logotypens minsta tillåtna storlek Minsta tillåtna storlek att återge Megaminds logotyp är 10 mm i bredd. 10 mm 8 VISUELL IDENTITET RIKTLINJER
Identitetsfärger 9 VISUELL IDENTITET RIKTLINJER
Identitetsfärger primära PMS Pantone 811 Adobe RGB 245, 155, 0 CMYK 0, 45, 100, 0 CMYK 0, 7,100, 0 Adobe RGB (1998) 246, 221, 14 PMS Pantone Yellow LAB 89, -1, 96 Megaminds primära färgpalett består av orange, gult, svart, vitt och två grå nyanser. Förutom dessa definierade färger finns ett färgspektrum. Inga andra färger än orange och gult ska lyftas ut ur färgspektrat. Den orange färgen är en fluorescerande orange, som är svår att återge i fyrfärgstryck och digitalt. Den används framför allt i sammanhang där PMS-tryck alternativt folie/ målarfärg, tyg och andra metoder/bärare som kan återge fluorescerande orange är tillämpbart. Orange kan användas i logotypen eller som dekor. Gult används som textfärg mot mörkgrå eller svart botten, alternativt som dekorfärg. I skyltmallar finns en grågul bakgrundsfärg som inte ingår i ordinarie färgpalett CMYK 0, 0, 0, 100 Adobe RGB 0, 0, 0 PMS LAB 0, 0, 0 CMYK 0, 0, 0, 17 Adobe RGB 201, 199, 199 PMS Pantone Cool Grey 3 LAB 81, 1, 0 CMYK 0, 2, 0, 60 Adobe RGB (1998) 85, 85, 84 PMS Pantone Cool Grey 10 LAB 43, 1, -3 Adobe RGB (1998) 255, 255, 255 LAB 100, 0, 0 Färgspektrat används som en identitetsbyggare i element, mönster och bakgrunder. 10 VISUELL IDENTITET RIKTLINJER
Typografi 11 VISUELL IDENTITET RIKTLINJER
Typografi Megaminds primära imagebyggande typsnitt är Officina Sans, samma som Tekniska museet använder. Typsnittet har karaktär och kontrasterar bra mot logotypen. Det har hög läsbarhet och finns i en version optimerad för skärmläsning. Abc123 ITC OFFICINA SANS BOLD ABDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ abdefghijklmnopqrstuvwxyzåäö 0123456789! #%&/()? 12 VISUELL IDENTITET RIKTLINJER
Typografi underrubriker och övrig text Vid sidan av Officina Sans används Calibri i skyltmiljö. Det ingår i Tekniska museets befintliga digitala typografiska palett, och är anpassad för god återgivning på skärm. Abc123 CALIBRI REGULAR/REGULAR ITALIC ABDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ abdefghijklmnopqrstuvwxyzåäö 0123456789! #%&/()? 13 VISUELL IDENTITET RIKTLINJER CALIBRI BOLD/BOLD ITALIC ABDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ abdefghijklmnopqrstuvwxyzåäö 0123456789! #%&/()?
Grafiskt element och mönster
Grafiskt element och mönster Megaminds grafiska element består av färgspektrat i ett flöde. Det kan användas för att färgsätta logotypen, på större ytor eller i utsnitt. Idén om spektrat kommer från utställningens färgsättning. Det finns även ett mönster, som bygger på den sammanlänkade formen i logotypen. Det kan användas på till exempel profilprodukter. Färgspektrum och mönster finns för att bygga en stark identitet. 15 VISUELL IDENTITET RIKTLINJER
Bildmanér och illustrationer
Bildmanér Tekniska museets personlighet: lekfull, involverande och utmanande ska uttryckas i Megaminds bildspråk men där Tekniska museets bildspråk är dokumentärt är det i Megaminds fall tillåtet med manipulerade bilder. Personer på bild ska regisseras och efterbearbetas för ett lyckat resultat. Bilderna ska spraka av energi och visa det stora perspektivet. Gärna i form av panoramabilder, där helheten eller delar kan användas. Om bilderna tas i utställningen ska minst två installationer synas på bild, gärna fler. I andra miljöer ska samma känsla av detaljrika, energiska och myllrande landskap skapas med utgångspunkt i den miljön. Det skall finnas tydliga markörer som visar att det handlar om utställningen, till exempel kan modeller och statister bära Megamindkläder. När flera grupper av människor syns på bild kommer perspektivet 100% tillsammans fram på ett bra sätt. Dels att man gör något tillsammans med sitt sällskap, men också att flera sällskap gör roliga saker jämte varandra och inspirerar varandra. Personerna på bild ska uttrycka glädje och koncentration. När bilderna återges i små format kan spännande detaljer från en större bild visas. Kravet på att flera installationer syns finns då inte. Modeller/statister ska tillhöra målgruppen 8 15 år med familjer/sällskap och spegla den viktiga aspekten 100% för alla. Killar/tjejer med olika funktionsförutsättningar och olika ursprung. Lekfull visas genom mycket energi och aktivitet i bilderna, det ska gärna råda ett kreativt kaos med en underton av humor. Involverande visas genom att det myllrar på bilderna. Det ska vara detaljrikt, så att fokus blir på mångfalden i utställningen mer en på en enskild installation. Att utställningen har något för alla är också involverande. Utmanande ska tolkas som lite galet och skruvat. Detta arrangeras i fotosituationen och kan förstärkas med efterbearbetning av bilderna. 17 VISUELL IDENTITET RIKTLINJER
Titelrubrik Bildmanér panoramabild 18 VISUELL IDENTITET RIKTLINJER
Titelrubrik Bildmanér utsnitt 19 VISUELL IDENTITET RIKTLINJER
Bildmanér kampanjer För reklamkampanjer ska den kommunikativa idén styra bild- och illustrationsmanéret. 20 VISUELL IDENTITET RIKTLINJER
Illustrationer ikoner Illustrerande ikoner är baserade på linjerna i logotypen och dess mjuka kanter och rundade avslut. Beroende på abstraktionsnivå och krav på avläsningsbarhet kan linjetjockleken varieras. Ikoner färgsätts enligt principen gult/vitt på svart alternativt svart på grågul. Vit RGB R 255, B 255, G 255 Svart RGB R 0, G 0, B 0 Gul RGB R 246, G 221, B 14 Grågul RGB R 240, G 240, B 235 21 VISUELL IDENTITET RIKTLINJER
Illustrationer ikoner Linjerna ska tecknas i Illustrator eller annat vektorprogram. Hörn och ändar ska vara inställda på Cap: Round Cap och Corner: Round Join. 22 VISUELL IDENTITET RIKTLINJER
Illustrationer ikoner 20 mm 40 mm 80 mm Med tre yttre former som referens (cirklar på 20, 40 och 80 mm) dubbleras linjetjockleken, och relationen där två olika linjetjocklekar förekommer, består. Fet linje: 2 mm Fet linje: 4 mm Fet linje: 8 mm 20 mm 40 mm 80 mm Fet linje: 2 mm Tunn linje: 0,5 mm Fet linje: 4 mm Tunn linje: 1 mm Fet linje: 8 mm Tunn linje: 2 mm 20 mm 40 mm 80 mm Mellanlinje: 1 mm Mellanlinje: 2 mm Mellanlinje: 4 mm 23 VISUELL IDENTITET RIKTLINJER
Illustrationer informationsgrafik När mer komplex information ska kommuniceras kan illustrationerna få ett mer varierat uttryck. Linjetjocklekar ska var för sig fortfarande vara monolinjära och ändar och hörn ska vara rundade. 24 VISUELL IDENTITET RIKTLINJER
Tillämpningar 25 VISUELL IDENTITET RIKTLINJER
Skyltsystem digital Huvudrubriken sätts i Officina Sans, övrig text sätts i Calibri Regular och Calibri Bold Färger används enligt principen gul text på svart botten, alternativt mörkgrå rubrik/ piktogram och svart brödtext på grågul botten. Vad händer i hjärnan? I mörker blir din hörsel och känsel viktigare än din syn. Hjärnan sätter ihop det du hör och känner till en sorts bild inne i ditt huvud. Här är ett exempel på hur det kan funka. Svart RGB R 0, G 0, B 0 Gul RGB R 246, G 221, B 14 Mörkgrå RGB R 85, G 85, B 84 Grågul RGB R 240, G 240, B 235 Vad är det här? Vad händer i hjärnan Vad händer i hjärnan? I mörker blir din hörsel och känsel viktigare än din syn. Hjärnan sätter ihop det du hör och känner till en sorts bild inne i ditt huvud. Här är ett exempel på hur det kan funka. Vad är det här? Vad händer i hjärnan 26 VISUELL IDENTITET RIKTLINJER
Skyltsystem analog Levande radar Huvudrubriken sätts i Officina Sans, övrig text sätts i Calibri Regular och Calibri Bold. Teten kompletteras med Braille (punkt-)skrift. Färger används enligt principen gul text på svart botten, alternativt mörkgrå huvudrubrik och svart text på grågul botten. Svart CMYK C 0, M 0, Y 0, K 100 Gul CMYK C 0, M 7, Y 100, K 0 Mörkgrå CMYK C 0, M 2, Y 0, K 60 Grågul CMYK C 4, M 3, Y 5, K 0 Vad är det här? Det här är en svängig gång där du tar dig fram utan att kunna se. Hur gör jag? Här inne är det mörkt så du får lyssna och känna dig fram. Var beredd på att det går lite hit och dit, och på att väggar och golv kan förändras. Levande radar Upta inciis ccccccccccc samus, im quid quae adit voluptatur sequos nihilliquam aliquam, odis reiciis dolupti onecepe rumqui i p- sande volorest aut Vad är det här? Det här är en svängig gång där du tar dig fram utan att kunna se. Hur gör jag? Här inne är det mörkt så du får lyssna och känna dig fram. Var beredd på att det går lite hit och dit, och på att väggar och golv kan förändras. Upta inciis ccccccccccc samus, im quid quae adit voluptatur sequos nihilliquam aliquam, odis reiciis dolupti onecepe rumqui i p- sande volorest aut 27 VISUELL IDENTITET RIKTLINJER
Skyltsystem digital Huvudrubriken sätts i Officina Sans, övrig text sätts i Calibri Regular och Calibri Bold Vad händer i hjärnan? I mörker blir din hörsel och känsel viktigare än din syn. Hjärnan sätter ihop det du hör och känner till en sorts bild inne i ditt huvud. Här är ett exempel på hur det kan funka. Vad är det här? Vad händer i hjärnan 28 VISUELL IDENTITET RIKTLINJER
Flyer 25 Oct 2015 30 Aug 2016 Lorem ipsum, lorem ipsumem soluptiostia volestibus quias arum atque que et et ipsam voluptatium etur minusae simi, occus ides alitionet et lab ima con reperio in consectem is re ipiet aut aut ut utatem quam endame verehen imusdam ea simil idenisq uatenistibus iusant, utectatempor sam dolupta apit officia cor maximin comnimi llupicat acea vel ma is cullor aut audicieni aspel invenet quid ut rese ommodisque doloriam, nemqui cus sequam ad et, quiasimus voloremporro venderibus eos Lorem ipsum, lorem ipsumem soluptiostia volestibus quias arum atque que et et ipsam voluptatium etur minusae simi, occus ides alitionet et lab ima con reperio in consectem is re ipiet aut aut ut utatem quam endame verehen imusdam ea simil idenisq uatenistibus iusant, utectatempor sam dolupta apit officia cor maximin comnimi llupicat acea vel ma is cullor aut audicieni aspel invenet quid ut rese ommodisque doloriam, nemqui cus sequam ad et, quiasimus voloremporro venderibus eos soluptiostia volestibus quias arum atque que et et ipsam voluptatium etur minusae simi, occus ides alitionet et lab ima con reperio in consectem is re ipiet aut aut ut utatem quam endame verehen imusdam ea simil idenisq uatenistibus iusant, utectatempor sam dolupta Framsida Baksida 29 VISUELL IDENTITET RIKTLINJER
Affisch Tas adiam volupta quam abo. Nam a dolendundis nus ute re labor sa de et que ea dolupta temporem explis exces nulpa nusciet licidis moluptat faccus sim 30 VISUELL IDENTITET RIKTLINJER
T-shirt 31 VISUELL IDENTITET RIKTLINJER
Toppluva 32 VISUELL IDENTITET RIKTLINJER
Idébok 33 VISUELL IDENTITET RIKTLINJER