brandbook blågrön innovation

Transkript

1 brandbook blågrön innovation

2 blågrön innovation blue green innovations Grafisk profil för Blågrön Innovation (Marint Centrum) Joar Lisberg Jakobsson 2011 Namnet Blågrön Innovation sy ar på det blå havet och det gröna miljötänkandet, samt de idéer som uppstår i mötet mellan dessa. Det är ett personligt namn som snabbt ger en känsla för vad vi är och vad vi står för. Namnet kan översättas direkt till engelska, det bibehåller sin innebörd och sin koppling till akronymen bgi. Detta ger fördelen av både ett lättillgängligt namn på svenska och ett internationellt gångbart på engelska. Blågrön kan även associeras till blågröna alger, en av jordens äldsta livsformer, som fortfarande lever i havet utanför Simrishamn. De blågröna algerna gjorde lu en syrehaltig och jordytan beboelig, och kan alltså anses vara en av evolutionens stora innovationer.

3 avatar Detta är det grafiska element kring vilket vår visuella pro l är uppbyggd. Den lilla havsvarelsen kan ses som en sk, eller som en alg eller encellig organism med cilier och en cellkärna. Den har ett utseende som är geometriskt och tekniskt samtidigt som det är mjukt och organiskt. Ensam ser den enkel ut, men i grupp blir möjligheterna överraskande många, precis som med företagarna, entreprenörerna och forskarna inom bgi.

4 avatarer och ikoner Detta är en ikon vi använder när vi har tillgång till en stor, vit yta och kan trycka någorlunda stort (bredare än 4 cm). Då den är grafiskt komplex gör den sig bättre med mycket tomt utrymme omkring sig. Detta är i nuläget vår huvudikon. En avatar är inte detsamma som en ikon. Många företag och organisationer använder ikoner, en liten bild som förknippas med organisationen och dess verksamhet. En ikon är statisk, den har alltid samma färg, form och placering i förhållande till logotypen*. Det blir allt vanligare att frångå den statiska ikonen. Avatarer är gra ska element som enkelt kan kännas igen och förknippas med den organisation de står för, men som samtidigt kan förändras och förekomma i olika varianter, färgsättningar och konstellationer. *Logotyp är den text som skriver ut organisationens namn. Detta har många fördelar. Då en ikon lätt blir omodern e er fem eller tio år kan en avatar dynamiskt förändras år e er år och alltid vara aktuell, utan att man behöver göra en dyr och komplicerad övergång till en helt ny gra sk pro l. Den passar till alla sy en, applikationer och format, och kan förekomma i varianter som lämpar sig för en fem meter bred skylt eller för en fem millimeter bred penna. Den kan ritas om för att passa med en samarbetspartners ikon, och om vår organisation blir så stor att den måste delas upp i era fraktioner kan de olika delarna få egna ikoner baserade på vår gemensamma avatar. Att använda sig av en avatar kommunicerar att vi är pigga och föränderliga utan att ge det intryck av osäkerhet som upprepade byten av gra sk pro l o a leder till. Avataren låter människor lära känna oss och känna igen oss samtidigt som den påminner dem om att vi är ny kna och dynamiska. Den här ikonen använder vi när vi trängs med andra grafiska element, till exempel text eller samarbetspartners ikoner. Den lämpar sig även för mindre storlekar.

5 3d kommunikation Vår avatar kan även ta steget ut i den tredimensionella verkligheten. Till exempel kan den målas på asfalten och visa vägen från Simrishamns centralstation till bgi:s byggnad. Genom att göra avataren tredimensionell och levande i området gör vi folk uppmärksamma på vår verksamhet. Formen på vår avatar gör att den kan fungera som re ex, badleksak, nyckelring, suddgummi eller varför inte pulka på vintern?

6 huvudikon Utöver den dynamiska avataren har vi en huvudikon. Det är den vi använder på aggor och skyltar, och det är den som syns på vår hemsida. Nu ser vår huvudikon ut såhär, men den kan förändras eller varieras i framtiden. Gradienten i logotypen skapar intrycket av ett djup, som att se in genom ett fönster under havsytan med solljus i vattnet. Det gemena G:et skapar ett lite lekfullt intryck, som vägs upp av de andra tecknen som är lugna och stabila. De små varelserna i ikonen hakar fast i varandra och bildar en enhet, tillsammans representerar de vår verksamhet. mönster Det här mönstret är bara ett av många möjliga. Det representerar samarbete och för tankarna till nervceller, de enskilda delarna är enkla men tillsammans bildar de ett komplext och dynamiskt nätverk.

7 typografi Neutra ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ abcdefghijklmnopqrstuvwxyzåäö !? Neutra Demi Italic ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ abcdefghijklmnopqrstuvwxyzåäö !? Garamond Premier Pro ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ abcdefghijklmnopqrstuvwxyzåäö !? db aa yy Blågrön Innovation har två hustypsnitt som vi använder i allt vårt tryckta material för att ge ett enhetligt intryck. Vår sanserif* är Neutra, som har ett piggt, modernt utseende med rundade, geometriska bokstäver. Till skillnad från många andra sanserifer har den höga uppstaplar, vilket ger den ett lite elegant utseende. Till rubriker använder vi Neutra Demi Italic, en skärning av Neutra som har en svag lutning och runda detaljer på bokstäverna som ger dem ett livfullt, dynamiskt uttryck. På webben och när Neutra inte nns att tillgå använder vi Verdana, ett standardtypsnitt som nns på de esta datorer. För att balansera vår annars mycket moderna estetik använder vi i brödtext serifen Garamond, ett klassiskt typsnitt som funnits i olika varianter i nästan 500 år, och som alltid varit känt för att vara tydligt och lättläst. Garamond är ett typsnitt som alla är vana vid och som ger en känsla av trygghet och stabilitet. *Typsnitt är uppdelade i serifer och sanserifer. Serifer har små klackar längst ner på bokstäverna, medan sanserifer oftast består av enkla linjer. I en grafisk profil är det vanligt att ha ett typsnitt av varje sort, då sanserifer lämpar sig bättre för rubriker och kortare textstycken medan serifer är lättlästa i längre texter.

8 färger Blå C: 100 M: 60 Y: 0 K: 0 R: G: B: Grön C: 65 M: 0 Y: 80 K: 0 R: G: B: Vit C: 0 M: 0 Y: 0 K: 0 R: G: B: Svart C: 100 M: 30 Y: 0 K: 100 #0C419A #59B548 #FFFFFF # R: G: B: Alt. På motstående sida ser vi hur våra signalementfärger appliceras för att skapa flera olika ikoner. Olika färgkombinationer är ett vanligt sätt att variera en avatar, och variationerna är obegränsade, särskilt om man i framtiden byter ut eller lägger till färger.

9 analogt och digitalt Idag är den digitala och den analoga världen lika viktiga som kommunikationsbärare, men de har fortfarande mycket olika egenskaper. Därför arbetar vi också annorlunda gra skt i digitala medier. I tryckt material som affischer är vår gra ska stil ganska geometrisk, medan vi i den redan hårda digitala världen mjukar upp vårt uttryck en aning, utan att förlora enkelheten. Självklart använder vi oss också av mediets fördelar genom att till exempel animera vår avatar, vilket öppnar upp för oräkneliga möjligheter! Välkommen till blågrön innovation! Om blågrön innovation Aktuellt Fyra månader Kontakt In English I förrgår Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur eget risus vel purus porta egestas id sed enim. Duis mattis est sed erat scelerisque et interdum urna laoreet. Vestibulum porta bibendum metus, id gravida massa venenatis at. Mauris ut nunc orci. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nunc sit amet eleifend velit. Quisque vitae nunc augue, vel sollicitudin libero. Nulla mauris sem, mattis in semper at, dignissim id lacus. Morbi varius lacus nunc. Fusce sagittis, neque non faucibus convallis, nibh felis egestas nibh, vel viverra sapien lorem sit amet... Läs mer... Nominering! I tisdags Mauris sem, mattis in semper at, dignissim id lacus. Morbi varius lacus nunc. Fusce sagittis, neque non faucibus convallis, nibh felis egestas nibh, vel viverra sapien lorem sit amet... Läs mer...

10 riktlinjer Johanna Westman Simris Alg, blågrön innovation Varvsgatan 2, Simrishamn tel: (+46) mobil: (+45) Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur in sapien ac orci tempus hendrerit ut quis sapien. Vivamus egestas, augue sit amet suscipit mollis, metus elit placerat magna, sed rutrum mi sem convallis nisi. Pellentesque vel mauris nunc, eu dignissim lorem. Morbi ut commodo leo. Donec vitae bibendum dui. In gravida sagittis neque eget posuere. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla sagittis volutpat aliquet. Quisque tortor tortor, cursus ac sodales nec, egestas vitae dolor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi nec elit neque. In fringilla gravida laoreet. Fusce metus arcu, volutpat vitae luctus eu, posuere eget sem. In blandit, est eget dignissim vehicula, nisi ante tincidunt enim, sit amet bibendum lacus nisi ac ligula. Duis vel porta erat. Integer vitae felis ligula, vel commodo neque. Morbi id mauris quis nunc molestie mattis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse in ultrices neque. Vivamus euismod, est vitae aliquet varius, nisl sem mattis nunc, in commodo magna lacus eu elit. Nullam eget tempor lorem. Quisque urna turpis, porta id tempor ut, sodales in ante. Suspendisse dignissim dignissim imperdiet. Ut luctus fringilla risus in vulputate. Sed rutrum mollis risus, nec tincidunt tellus facilisis in. Nam viverra purus sed enim convallis molestie. Fusce felis purus, eleifend ut placerat ut, viverra id odio. Proin lectus mi, ultricies nec dapibus sed, tincidunt a dolor. Cras quis eros diam. Fusce ipsum massa, ullamcorper eu blandit in, dictum ut risus. Integer a ligula in eros adipiscing consequat in sit amet sapien. Fusce quis urna eros. Fusce sed felis quis massa condimentum gravida. Vivamus eget nunc metus, eget porttitor lorem. In sodales, dui et facilisis facilisis, elit nisi imperdiet enim, sit amet egestas leo ipsum accumsan sapien. Pellentesque ut ultrices quam. Aliquam gravida, odio in semper iaculis, felis enim adipiscing nulla, ut congue arcu odio ac lacus. Phasellus at eros erat. Sed ultricies sem id mi sollicitudin venenatis. Duis imperdiet risus vitae nibh sagittis gravida. Sed eget velit tellus, ut fringilla libero. Vivamus varius imperdiet est, at convallis ipsum auctor vel. In sit amet laoreet orci. Duis eget mi arcu. In hac habitasse platea dictumst. Sed ornare justo vel nibh ullamcorper viverra. Sed quis sapien sit amet dui ornare posuere ac interdum augue. Vestibulum vehicula nisi ac enim tincidunt et viverra libero adipiscing. Fusce at laoreet tellus. Proin quam est, bibendum lacinia tincidunt non, rutrum sed turpis. Nulla imperdiet aliquet tellus vitae placerat. Fusce mollis massa sit amet elit molestie dignissim congue erat molestie. Integer at adipiscing lorem. Nunc ullamcorper consectetur enim non rhoncus. Etiam diam mauris, porttitor eu tristique sed, sagittis ac diam. Donec odio risus, dignissim non commodo vel, viverra sed magna. Proin ornare eleifend nulla quis bibendum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur in sapien ac orci tempus hendrerit ut quis sapien. Vivamus egestas, augue sit amet suscipit mollis, metus elit placerat magna, sed rutrum mi sem convallis nisi. Pellentesque vel mauris nunc, eu dignissim lorem. Morbi ut commodo leo. Donec vitae bibendum dui. För att skapa en visuell enhetlighet i vårt material följer vi fyra regler kring hur avataren får användas: Avtarens signaturfärg är svart. Den får inte förekomma i någon annan färg förutom då den är tillsammans med logotypen och har samma färg som logotypen. Vi använder inte skuggor eller andra grafiska effekter på avataren, ikonen eller logotypen. Avataren får inte förekomma i olika storlekar på samma yta. Avateren får inte överlappas av eller överlappa vare sig andra avaterer eller visuella element som text eller bild. Det enda som får bryta formen av en avatar är en ytas slut, till exempel kanten på ett papper. Angående tryckt material i allmänhet använder vi alltid en vit bakgrund med svart text. Garamond får aldrig användas i rubriker, men passar bra i brödtext. Använd gärna avataren i tryckt material, men låt den inte ta fokus från innehållet. En riktlinje är att undvika bilder och fotogra er tillsammans med avataren, det blir lätt för mycket gra sk information på samma sida. Håll det enkelt! Utöver de här riktlinjerna är vi fria att använda avataren hur vi vill, fantasi och lekfullhet är viktiga komponenter i den gra ska pro len som ska hjälpa oss att kommunicera vilka vi är. stationery* Brevpapper och kuvert har en enkel, stilren design som använder sig av vår hustypogra men där avataren inte syns. Brevhuvudet innehåller all viktig kontaktinformation och ger ett enkelt men seriöst intryck. Visitkortet på nästa sida är i korrekt skala och ger en bättre uppfattning av typogra n. *Mallar för brevpapper och liknande. Simris Alg, blågrön innovation Varvsgatan 2, Simrishamn Hej! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur in sapien ac orci tempus hendrerit ut quis sapien. Vivamus egestas, augue sit amet suscipit mollis, metus elit placerat magna, sed rutrum mi sem convallis nisi. Pellentesque vel mauris nunc, eu dignissim lorem. Morbi ut commodo leo. Donec vitae bibendum dui. In gravida sagittis neque eget posuere. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla sagittis volutpat aliquet. Quisque tortor tortor, cursus ac sodales nec, egestas vitae dolor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi nec elit neque. In fringilla gravida laoreet. Fusce metus arcu, volutpat vitae luctus eu, posuere eget sem. In blandit, est eget dignissim vehicula, nisi ante tincidunt enim, sit amet bibendum lacus nisi ac ligula. Duis vel porta erat. Integer vitae felis ligula, vel commodo neque. Morbi id mauris quis nunc molestie mattis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse in ultrices neque. Vivamus euismod, est vitae aliquet varius, nisl sem mattis nunc, in commodo magna lacus eu elit. Nullam eget tempor lorem. Quisque urna turpis, porta id tempor ut, sodales in ante. Suspendisse dignissim dignissim imperdiet. Ut luctus fringilla risus in vulputate. Sed rutrum mollis risus, nec tincidunt tellus facilisis in. Nam viverra purus sed enim convallis molestie. Fusce felis purus, eleifend ut placerat ut, viverra id odio. Proin lectus mi, ultricies nec dapibus sed, tincidunt a dolor. Cras quis eros diam. Fusce ipsum massa, ullamcorper eu blandit in, dictum ut risus. Integer a ligula in eros adipiscing consequat in sit amet sapien. Fusce quis urna eros. Fusce sed felis quis massa condimentum gravida. Vivamus eget nunc metus, eget porttitor lorem. In sodales, dui et facilisis facilisis, elit nisi imperdiet enim, sit amet egestas leo ipsum accumsan sapien. Pellentesque ut ultrices quam. Aliquam gravida, odio in semper iaculis, felis enim adipiscing nulla, ut congue arcu odio ac lacus. Phasellus at eros erat. Sed ultricies sem id mi sollicitudin venenatis. Duis imperdiet risus vitae nibh sagittis gravida. Sed eget velit tellus, ut fringilla libero. Vivamus varius imperdiet est, at convallis ipsum auctor vel. In sit amet laoreet orci. Duis eget mi arcu. In hac habitasse platea dictumst. Sed ornare justo vel nibh ullamcorper viverra. Sed quis sapien sit amet dui ornare posuere ac interdum augue. Vestibulum vehicula nisi ac enim tincidunt et viverra libero adipiscing. Fusce at laoreet tellus. Proin quam est, bibendum lacinia tincidunt non, rutrum sed turpis. Nulla imperdiet aliquet tellus vitae placerat. Fusce mollis massa sit amet elit molestie dignissim congue erat molestie. Integer at adipiscing lorem. Nunc ullamcorper consectetur enim non rhoncus. Etiam diam mauris, porttitor eu tristique sed, sagittis ac diam. Donec odio risus, dignissim non commodo vel, viverra sed magna. Proin ornare eleifend nulla quis bibendum. Mvh Johanna Westman

11 applikation Johanna Westman företagare Simris Alg, blågrön innovation tel: (+46) mobil: (+45) adress: Varvsgatan 2, Simrishamn Då avataren är dynamisk och formbar kan den appliceras på era olika sätt på både rekvisita och trycksaker. I vissa fall är det bättre att använda sig av en komplett ikon med logotyp, medan det i andra kan väcka mer ny kenhet med ett ensamt gra skt element. Fantasin är det enda som sätter gränser!

12 Tack för din tid!

13