Grafisk manual. www.byggebo.se

Grafisk manual www.byggebo.se

Producerad av Daniel Byström Design, www.bystromdesign.se

Byggebo Grafisk manual Den grafiska manualen samlar de grafiska regler och riktlinjer som gäller för Byggebo. Den finns till för att underlätta och säkerställa framtagande av marknads- och kommunikationsmaterial. Den grafiska manualen beskriver allt från logotypens utformning, storlek, färger och placering, till typsnitt i brödtext och rubriker. Ett varumärke är både sådant man kan se och ta på, och sådant som man inte kan ta på men upplever och känner. Genom ett konsekvent användande av den grafiska manualen kan Byggebo stärka och vårda sin visuella identitet. Den visuella identiteten består av det samlade intrycket av en rad komponenter till exempel symbol, logotyp, typografi, färger och papper. Identiteten bör förmedlas konsekvent i all kommunikation, såväl intern som extern. Exempel är webb, annonser, brevpapper, visitkort och företagspresentationer, samt alla typer av marknadsföringsinsatser. Byggebos affärsidé handlar om att skapa en bättre vardag för de många människorna. Byggebo arbetar med värdeord som trygghet, hög kvalitet, unika mervärden och service. Samma värden ska även den grafiska profilen förmedla. I den här manualen ges riktlinjer och praktiska anvisningar för hur den grafiska profilen skall användas. Allt material finns samlat på CD n Byggebo Grafisk Profil 2009. Se manualen som ett arbetsredskap. Byggebo Grafisk manual 2009

Logotyp Byggebos logotyp är inarbetad och välkänd. Märket i logotypen består av en kombination av bokstaven b och formen av ett hustak ovanpå. Logotypen är ritad utifrån ett typsnitt som heter american typewriter. Logotypen har uppdaterats och förfinats för att hålla hög kvalitet vid olika tillämpningsområden. Logotypens komposition eller innehåll får ej modifieras. Den är anpassad för att klara alla typer av reproduktion och skall alltid finnas på företagets marknads- och kommunikationsmaterial. Logotypen skall användas från original för att säkerställa kvaliteten. Logotypen bör helst placeras mot enfärgad bakgrund, så att den presenteras tydligt och konsekvent. Röriga bakgrunder gör att logotypen kan bli svår att uppfatta. Standard är vit bakgrund.

Varianter av logotypen Logotypen finns i två primära varianter. Använd den som passar bäst för aktuellt ändamål. Logotypen skall användas i fullfärg i så stor utsträckning som möjligt. Men ibland är det ogörligt och då går det att använda en logotyp i svartvit eller negativ variant. Liggande logotyp - fullfärg Liggande logotyp - svartvit Liggande logotyp - negativ Stående logotyp - fullfärg Stående logotyp - svartvit Stående logotyp - negativ Byggebo Grafisk manual 2009

Frizon För att loggan ska synas bra är det viktigt att tänka på frizonen, dvs att den placeras så att det finns tillräcklig marginal till omgivande objekt och kanter. Logotypen bör placeras så att den har gott om luft omkring sig. Tänk på att inte placera text eller andra grafiska inslag för tätt inpå. Den ungefärliga frizon som gäller i olika format anges nedan. Storlek Val av storlek på logotyp; liten eller stor, avgörs av utrymme och omständigheter. Synligheten är viktig, men även andra faktorer avgör såsom vem som är huvudpart i sammanhanget eller vad som helt enkelt ser bäst ut.

Profilfärger Signifikant färg för Byggebo är framförallt den som återfinns i logotypen, orange Pantone 173. Denna färg är alltid återkommande i olika sammanhang som berör Byggebos profil. Pantone 152 är lite ljusare orange och används ofta i grafiska inslag i Byggebos kommunikationsmaterial. Denna färg är vald för att den går bra i hop med den primära färgen. Dessa två färger betecknas som primära och finns definerade med färgnummer nedan. Se till att använd rätt färgnummer beroende på tillämpningsområde. Vid osäkerhet, se närmare information längst bak i denna manual. I samband med framtagande av marknads- och kommunikationsmaterial för Byggebo är det viktigt att övriga färgelement passar väl ihop med de primära färgerna. PANTONE 173 CMYK 0, 82, 94, 2 RGB 210, 73, 42 HTML #D2492A PANTONE 152 CMYK 0, 68, 100, 0 RGB 225, 112, 0 HTML #E17000 Byggebo Grafisk manual 2009 7

Typsnitt Vid produktion av marknads- och kommunikationsmaterial gäller följande typsnitt. Genom att använda dessa typsnitt efter rekommenderade riktlinjer kan Byggebos visuella identitet bli ännu tydligare. FF Blur används i rubriker och korta budskap i exempelvis annonser, trycksaker och annat marknadsföringsmaterial. Typsnittet är inte optimerat för bästa läsbarhet och bör därför användas sparsamt. Typsnittet kan användas för att skapa en visuell prägel som hör i hop med Byggebo. Arial kan användas användas i alla sammanhang som hör i hop med Byggebo. Detta typsnitt kan användas i rubrik och löptext. I längre texter bör Times New Roman. Det är ett seriftypsnitt som underlättar läsbarheten i dessa fall. Typsnittet som används på webbsidan är Verdana, detta är kompitabibelt i alla webbläsare. FF Blur ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz0123456789 ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz0123456789 Arial ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz0123456789 ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz0123456789 Times New Roman ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz0123456789 Verdana ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz0123456789 8

Layout Vid layout och produktion av marknadsmaterial som hör till Byggebo bör målet vara att skapa en tilltalande och välbalanserad helhet, som framhäver Byggebo och skapar igenkänning. Byggebos logotyp ska så långt det är möjligt placeras i det övre vänstra hörnet. I de fall då det inte är möjligt kan logotypen placeras på andra sätt, med avgörande faktorer som tydlighet, visuell identitet och igenkänning samt vad som helt enkelt ser bäst ut. Primär placering av logotyp Vid framställning av trycksaker och annat finns grafiska riktlinjer som dels hjälper till i produktionen, dels säkerställer att Byggebos visuella identitet framhävs. Dessa riktlinjer består exempelvis i att logotypen används på rätt sätt, att Byggebos primärfärger finns med och att den grafiska formen känns igen. Givetvis är det också viktigt att rätt budskap når mottagaren och att respektive marknadsmaterial effektiviseras efter ändamålet. Här är några exempel på hur det kan se ut. www.byggebo.se Alternativ Byggebo Grafisk manual 2009 9

Korrespondensmaterial Här följer exempel på hur logotypen och de grafiska riktlinjerna används i vardagliga sammanhang. Som på visitkort, brevpapper och korrespondenskort. Ett inslag som kan användas är det vågnät som syns på ena sidan av visitkortet. Detta grafiska inslag är kopplat till det profilprogram som finns framtaget för platsen Oskarshamn. Vågnätet återfinns i den logotyp som finns framtagen för platsen Oskarshamn och kan också användas som ett grafiskt element i verksamheter som är starkt kopplade till Oskarshamn som ju Byggebo är. Dock är det viktigt att komma ihåg att detta grafiska mönster inte ägs av Byggebo. Visitkort Förnamn Efternamn Titel Direkttelefon: 0491-XXX XX Mobil: XXX XXX XX XX E-post: förnamn.efternamn@byggebo.se Box 34, 572 28 Oskarshamn Postmästaregatan 18 Telefon kundcenter: 0491-88 09 www.byggebo.se www.byggebo.se 10

För interndokument, brev mm finns framtagna mallar. Ett dokument finns förtryckt, med ett orange utfallande färgfält nedtill. Dessutom finns en mall för word utan färgfält för utskrift på vanlig skrivare där utfall ej är möjligt Visitkort www.byggebo.se www.byggebo.se Byggebo Grafisk manual 2009 11

Kuvert C5 www.byggebo.se Korrespondenskort 105x148 mm www.byggebo.se 12

PowerPoint Presentation Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam sed ante. Quisque pede pede, condimentum sit amet, elementum eu, volutpat vitae, est. Nunc euismod. In lorem leo, malesuada eu, scelerisque vel, adipiscing luctus, nibh. Cras semper ultrices erat. Pellentesque varius fringilla est. Suspendisse lorem purus, pellentesque eget, lacinia non, pulvinar nec, elit. Aliquam sed pede. Nullam luctus. Nunc urna. Maecenas blandit sodales nibh. Curabitur semper. Byggebo Grafisk manual 2009 13

Platsvarumärket Oskarshamn En bild påstås säga mer än tusen ord. Det är också tanken med vår gemensamma logotyp. Den ska inte bara tjäna som igenkänningssignal för Oskarshamn vår plats på jorden. Dess grafiska form ska också symbolisera några av de värden vi vill förknippas med. Rutnätet i logotypen ska kunna leda till associationer till skärgården lika väl som till åkerlappar eller en stadskärna. Det är helt enkelt i Oskarshamn vi gifter samman inland och hav. Vi är alla intressenter i varumärket Oskarshamn. Därför är vår gemensamma logotyp en fri nyttighet. Varje gång den exponeras gör vi varandra en tjänst. Ju fler vi är som laddar den med positiva egenskaper, desto starkare blir vårt gemensamma varumärke Oskarshamn. Mer information om Attraktiva Oskarshamn hittar du på www.oskarshamn.com Attraktiva Oskarshamn är ett projekt som finansieras av både näringslivet och Oskarshamns Kommun. Syftet är att genom olika insatser tydliggöra och stärka bilden av Oskarshamn för att vi ska vara en så attraktiv plats som möjligt för företagande, inflyttning, besök och boende. Den grafiska manualen för platsvarumärket Oskarshamn kan laddas ned på www.oskarshamn.com. Klicka på Attraktiva Oskarshamn och sedan Nedladdning. 14

att effektivare nå ut med ditt budskap. Reglerna ska inte ses som begränsningar utan som riktlinjer för att få fram ett enhetligt positivt budskap. Logotypen Platsen Oskarshamn har en logotyp som består av namnet och märket med vågor i ett rutnät. Dessa två utgör en bild och får därför inte förvanskas genom att man byter proportioner eller typografering. Logotypen En plats innehåller många olika organisationer och företeelser. För att skapa en logotyp med Platsen stor flexibilitet Oskarshamn finns logotypen har i logotyp flera olika som färgställningar består av namnet och med och olika märket grafiska med element. vågor i ett rutnät.dessa två utgör en bild och får därför inte förvanskas genom att man byter proportioner ellertypografering. En plats innehåller många olika organisationer och företeelser. För att skapa en logotyp medstor Val flexibilitet av färg på finns logotypen i flera olika färgställningar och med olika grafiska element. Logotypen i färgställningen grå/blå är tillämplig vid alla tillfällen. CMYK PMS OBESTRUKET PMS BESTRUKET GRÅ 70 % svart PMS 70 % svart PMS 70 % svart BLÅ 27 % cyan PMS 291 U PMS 291 C Användande av logotypens olika delar Logotypens två beståndsdelar namnet och vågnätet kan också användas för sig. Användande I de fall det råder av platsbrist logotypens eller annars olika är tillämpligt delar kan namnet användas utan platta. Logotypens Namnet får dock två beståndsdelar inte skrivas Vill man med förstärka annat namnet typsnitt den industriella verksamheten i Oskarshamn och eller vågnätet på annat kan sätt också förändras. användas för sig. kan den grå logotypen användas. Den fungerar också bra om I de fall det råder platsbrist eller annars är tillämpligt kan namnet användas utan platta. produktionen är svartvit. Namnet får dock inte skrivas med annat typsnitt eller på annat sätt förändras. Namnet/texten OSKARSHAMN CMYK PMS OBESTRUKET PMS BESTRUKET GRÅ 70 % svart PMS 70 % svart PMS 70 % svart Mönster Vågnätet Namnet/texten Vågnätet i plattan kan även fungera som ett fristående grafiskt element. Se exempel på på kommande sidor. CMYK + PMS SVART 100 % svart Mönster De färger som visas i denna manual fungerar ej som färgprov. För korrekt färgreferens används Pantones färgguider. Mönster CMYK BLÅ 100 % cyan Byggebo Grafisk manual 2009 15

Kort om bildformat Manualen är gjord för två typer av användare: För den som huvudsakligen kommunicerar med omvärlden med hjälp av Office-programmen el. dylikt. För den som producerar mer avancerade trycksaker och profilmaterial. Filer som hör till denna manual: Alla användbara filer hittar du på den CD som hör till denna manual. Förklaring av namngivningprincip: Filerna på CD:n är döpta efter följande format xlogo _CMYK _300dpi.tiff 1 2 3 4 1 xlogo = Filnamn 2 _CMYK = Färgformat 3 _300dpi = Version 4.tiff = Filformat Färgformat: PMS CMYK Färdigblandad färg. Endast tryckeri. Står för Pantone Matching System. PMS-systemet används för att göra dekorfärgstryck. Kulörerna är indelade i ett siffersystem som inte ger någon vägledning om vilken kulödet rör sig om. Det är vanligt att kombinera en dekorfärg med fyrfärgstryck föra att säkerställa att exempelvis färgen i en logotyp framställs exakt. Exempel på en färgangivelse kan vara: PMS 1375C (orange). Fyrfärg. Står för CYAN, MAGENTA, YELLOW och KEYCOLOR (svart). Dessa är färgerna som används vid fyrfärgstryck. CMYK-färger beskrivs med en procentangivelse för varje färg. Ex: CMYK C 0 M 50 Y 100 K 0 (orange). RGB Bildskärmsformat som ej går att trycka. Står för RÖD, GRÖN och BLÅ. RGB är de färger som används vid inläsning av en färgbild. Det är även dessa kulörer som datorns skärm återger. RGB har en större färgrymd än CMYK. RGB-färger beskrivs med ett värde, 0-255, för varje färg. Ex: RGB R=225, G=145, B=45 (orange) samt #FF912D (för webben). SV Neg Svartvit variant. Används i alla sammanhang där färg inte kan användas; t.ex. på fax. För grå anges mängden svart i %. Ex: Grå-20% (ljusgrå) Variant där texten är vit/negativ. Används på mörk bakgrund och foton eller illustrationer. Version: CS2 300dpi 72dpi Filformat: Optimerad för Adobe CS fr.o.m. version CS2 Pixelbaserad fil högupplöst format för utskrifter. Pixelbaserad fil lågupplöst format för hemsida och övrig visning på skärm.. eps Encapsulated PostScript. En vektoriserad EPS består av mjuka kurvor och inte av pixlar, är även storleksoberoende håller alltid högsta kvalitet. Används i första hand..emf Windows Enhanced Metafile Format. Windows-format som främst används för vektorbilder, till exempel Clipart, som delas mellan Windows-program. Färgstödet är begränsat till 16-bitars RGB.. gif Graphics Interchange Format. Bildskärmsformat till hemsidor. Max 256 färger. Bra till enkel grafik, ej foton, och är allmänt använd på internet.. jpg Joint Photographic Experts Group. Komprimerar mycket effektivt, men med kvalitetsförlust. Kompressionsgraden kan varieras. Används främst till fotografier och för internet. Generella rekommendationer för användning av diverse färg- och filformat: Vektorgrafik är i alla lägen att föredra framför pixelgrafik. En vektorbaserad illustration är knivskarp i alla lägen oavsett storlek. Rent filmässigt är en vektorbaserad fil också betydligt mindre än en högupplöst pixelbaserad. En vektorbaserad fil kräver dock mer avancerade programvaror, vilket gör att de ibland inte går att använda. Välj då i första hand en högupplöst (ej komprimerad) pixelbaserad bild. Om pixelbaserat format används bör bilden överlag ej förstoras från dess utgångsläge då detta leder till kvalitetsförluster. Tredje grundregeln är att om en logo ska printas på ett tryckeri bör den vara i CMYK-format. Om den ska visas på en dataskärm bör den vara i RGB-format. RGB format fungerar även för vanliga kontorsskrivare som då konverterar RGB för att återge korrekt färg på utskrifter. För tryck, målning, formsprutning etc bör filen också vara i vektorgrafik och i CMYK-format, men här bör man också ange en exakt färgkod. Se separat färgblad i denna manual. Notera dock att beroende av applikation,underlag och eftersträvad yta kan man behöva modifiera de rekommenderade färgerna. Be därför ALLTID om ett exakt prov innan skarp produktion! 16

Kort om typografi och teckensnitt Typografin är utan tvekan en av de viktigaste beståndsdelarna, kanske den viktigaste, inom grafisk formgivning och layout. Text ska inbjuda till läsning. Typografin hjälper betraktaren att uppleva innehållet i det skrivna, samtidigt som bokstävernas form förmedlar en känsla till läsaren. Enhetliga och konsekvent använda teckensnitt stärker också den visuella identiteten. När man ska välja ett teckensnitt är det viktigt att se till sammanhanget; läsbarheten och budskapet som ska framföras. I den grafiska manualen finns riktlinjer för vilka teckensnitt som ska användas och hur. Val av teckensnitt: För att hitta rätt teckensnitt till sitt kommunikationsmaterial ska man börja med att titta i den grafiska manualen och följa de riktlinjer som står där. Dessa teckensnitt är utvalda för att ge god läsbarhet och för att skapa en stark visuell identitet. Att förstå hur teckensnitt är uppbyggda, hur de delas in i grupper och vad som gör ett typsnitt passande till brödtext, rubriker o.s.v. kan dock vara bra att känna till. Det finns många olika stilar, men i stort sätt kan man dela in teckensnitt i två huvudgrupper - serifer (med klackar) och sanserifer (utan klackar). Definitioner: Typografi Teckensnitt Snittvariant Font Filtyper Konsten att återge text främst i tryckt form, men även på datorskärmar.omfattar t.ex. fonter, teckensnitt, & bokstävernas placering på en yta, t.ex. deras inbördes avstånd, justering, ombrytning i spalter, o.s.v. Teckensnitt är benämningen på en teckenuppsättnings särpräglade utformning, exempelvis Garamond. Variant av ett teckensnitt, tillexempel fet, smal eller kursiv. Font är den historiska benämningen på en uppsättning blytyper med teckensnittets form, medan det idag är benämningen på de digitala fontfiler som finns i våra datorer. Teckensnitten ligger samlade i fonter, med de snittvarianter som hör till samma teckensnitt, till exempel fet och kursiv av teckensnittet Helvetica. Det finns ett antal olika filtyper för att lagra fonter. De vanligaste är Opentype, Truetype och Postscript. Opentype är ett plattformsoberoende typsnitt och fungerar därmed i olika program i både PC och Mac. Truetype är också kompetabibelt mellan olika plattformar och är än så länge den vanligaste filtypen. Postscript används framförallt i proffessionellt bruk och ger bra utskrifter, men kan i vissa fall inte hanteras av vissa program och skrivare. Installera teckensnitt i datorn: Fontfiler kan antingen installeras manuellt direkt i datorns operativsystem eller med hjälp av ett fonthanteringsprogram. För att aktivera en fontfamilj manuellt räcker det att den placeras på rätt plats på hårddisken. För Windows är detta mappen FONTS inuti WINDOWS-mappen. Det går också bra att lägga till fonter via KONTROLLPANELEN. I Mac OS finns motsvarande mapp under BIBLIOTEK, se så till att välja datorns allmänna BIBLIOTEK om du vill att teckensnittet ska bli tillgängligt för alla datorns användare. Läsbarheten av en text påverkas av olika faktorer: Teckenstorlek Lämplig teckenstorlek väljs med avseende på läsavstånd och sannolika belysningsförhållanden vid lästillfället. I trycksaker och korrespondens är 9-12 punkters teckenstorlek på brödtext att rekommendera, med ett radavstånd på 12-15 punkter. För brödtext i rapporter, brev och skrivelser rekommenderas 12 punkters teckenstorlek. Teckensnitt Teckensnitt med klackar anses oftast vara mer lättlästa så fort det handlar om större textmängder, sk brödtext, i små teckenstorlekar. Spaltbredd En för smal spaltbredd skapar många avstavningar och ger ett hackigt intryck. En för bred spaltbredd ger risk för att man tappar synkontakt med raden. 35-40 tecken (inklusive mellanslag) brukar vara lagom för att göra en läsvänlig spalt. Radavstånd Både för stort och för litet radavstånd gör texten svårläst. För litet radavstånd riskerar att man halkar över på en annan rad, för stort gör att raderna tappar kontakt med varandra. Avstavningar Många avstavningar ger texten ett hackigt intryck. Prova istället med att öka spaltbredden eller minska typgraden (storleken på texten). Byggebo Grafisk manual 2009 17

Byggebo Grafisk manual 2009