Grafisk manual
Innehåll Inledning... 3 Typsnitt & färg... 4 Logotyp... 5 Visitkort... 6 Brevpapper... 7 Kuvert... 8 Produkter... 9 Hemsida... 10 2
Inledning Företaget Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla a metus in metus pulvinar tempor id non risus. Vestibulum elementum ullamcorper vestibulum. Maecenas nec est risus, quis pharetra arcu. Phasellus pulvinar tristique bibendum. Aenean dapibus faucibus dictum. Quisque sed metus vel lacus rhoncus pellentesque vel sit amet nunc. Nunc mattis fringilla lacus, eu rhoncus libero mattis vel. Phasellus ornare ultricies velit, et lobortis metus posuere ac. Suspendisse semper felis ac felis adipiscing placerat. Suspendisse accumsan, ipsum in feugiat consequat, mauris quam interdum quam, eu posuere nisi nunc sit amet ipsum. Quisque pulvinar nibh vitae libero pellentesque pretium. Suspendisse venenatis imperdiet urna in molestie. Nunc eu mi eu erat suscipit sagittis. Sed urna nisl, vestibulum eget volutpat sit amet, dapibus ac dolor. Ut quis mauris metus 3
Typsnitt & färg Typsnitt Färg Rubriknivå 1 (en per sida, i huvudet med rosa bakgrund): Century Gothic (regular, svart, 20pt) ABCDEFGHILKLMNOPQ abcdefghijklmnopq 234567890 Rubriknivå 2 (rubrik i löptext): Century Gothic (regular, PANTONE 225 C, 16pt) ABCDEFGHILKLMNOPQ abcdefghijklmnopq 1234567890 PANTONE 225 C Black 100% (process) (förinställd i layout programmen. Vit Brödtext: Garamond (regular, 12pt) Garamond (bold, 12pt) (används när man vill förstärka något i brödtexten) ABCDEFGHIJKLMNOPQ abcdefghijklmnopq 1234567890 C: 0 M: 0 Y: 0 K: 60 Hemsida: Brödtext: Verdana (regular, 12 pt) Länkar: Century Gothic (regular, svart, 16pt) Rubriker: Century Gothic (regular, svart, 23pt) 4
Logotyp Logotyp Claras logotyp består av två delar, en del är en symbol som föreställer en kamera. Den andra delen består av resten av namnet i typsnittet Century Gothic. De olika typerna av logotypen: Svart (lite grått) och vit på vit bakgrund Svart (lite grått) och rosa på vit bakgrund Vit (lite grått) på svart bakgrund Vit (lite svart) på rosa bakgrund Logotypen får aldrig ändras eller andvändas med andra färger. Det ska alltid finnas minst ett 10mm tomt utrymme runt logotypen. Placera inga andra element i detta område. 10mm c lara fotograf Den del av logotypen som är en symbol kan vara fistående men den kan användas ensam i vissa sammanhang tex. vid tillämpning på produkter, see produkt sidan. Vid dessa fall finns även hela logotypen presenterad fast den är i en mindre storlek. 5
Visitkort Visitkort Nödvändig information: Namn Adress Telefon nummer E-post adress Adress till hemsida Layout: Framsida: Logotypen på en färgad bakgrund. Baksida kontakt information och symbol/logotyp på en ofärgad bakgrund Typsnitt på adressen: Century Gothic, regular, 10 pt Typsnitt på hemsidans adress: Century Gothic, regular, 12 pt Färgerna ska harmonisera med den grafiska manualen. 6
Brevpapper Brevpapper Storlek på brevpapper: A4, 210mm x 297mm. Nödvändig information: Färg: se sidan 4. Position av logotypen: Se exempel till höger. Adressens position: Se exemple till höger. Rubrik: Century Gothic, regular, PANTON 225C,16pt Brödtext: Garamond, regular, svart, 12pt. Kundens adress: Century Gothic, regular svart, 10 pt, position: se exempel. Adress: Längst ner på brevpappret, symbol och hemsidans adress. Hemsidans adress ska vara tre punkter större, 12 pt, än företagsadressen som är 9 pt. Texten ska vara vänsterställd med en position i mitten på brevpappret. Texten ska avslutas med /Clara i PANTONE 225C, Garamond. Höjden på den rosa bannern ska vara 30mm. IKEA Stolvägen 23 234 34 Billy 2012-02-12 Bästa kund Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla a metus in metus pulvinar tempor id non risus. Vestibulum elementum ullamcorper vestibulum. Maecenas nec est risus, quis pharetra arcu. Phasellus pulvinar tristique bibendum. Aenean dapibus faucibus dictum. Quisque sed metus vel lacus rhoncus pellentesque vel sit amet nunc. Nunc mattis fringilla lacus, eu rhoncus libero mattis vel. Phasellus ornare ultricies velit, et lobortis metus posuere ac. Suspendisse semper felis ac felis adipiscs. Sed urna nisl, vestibulum eget volutpat sit amet, dapibus ac dolor. Ut quis mauris metus /Clara 7
Kuvert c lara fotograf Kuvert Storlek: 220mm x 110mm. IKEA Stolvägen 23 234 34 Billy Sverige Nödvändig information: Framsidan: Logotyp: Position: se exemple. Banner: H: 21mm, se exemple Adress: Century Gothic, svart, 10pt Baksidan: Avsändarens adress: Century Gothic, 8pt, PANTONE 225C. Logotyp: Position: se exemple Clara Persson, Lagmansgatan 10, 235 21 Malmö c lara fotograf 8
Produkter Produkter T-shirt Använd färgskalan enligt den grafiska manualen. För produkter går det bra att presentera symbolen i stor storlek istället för hela logotypen. Tänk på att det är viktigt att presentera hela logotypen men det räcker med att den är mindre och diskretare, se exemplen till höger. Kameraväska 9
Hemsida Förstasidan Första sidan ska bestå av en svart och vit bild som är en företagsbild. Loggan ska vara vänsterställd med ett vitt fält placerat lite högre än på mitten. Det vita fältet ska gå tvärs över sidan. Man klickar på logon för att komma vidare till nästa sida 10
Följdsida Följande sidor ska presentera bilder. Bilderna ska bredda sig över hela sidan. Bilderna ska ha höjden 536 pixlar. Logon ska vara placerad i vänstra översta hörnet med en rosa bakgrund ( banner ) som sträcker sig över till högra sidan. Länkarna ska vara svarta och högerställda och i Century Gothic, 16pt. Rubriken som visar var man befinner sig ska vara svarta, på den vänsta sidan och i Century Gothic, 23pt. Bilderna ska vara monterad i en bilvisare, när man drar musen över bildern så dyker det up en pil i vardera ände så man man klicka sig fram och tillbaka mellan alla bilder som är relevanta för just den sidan man är på. OBS! Alla bilder som används på hemsidan ska vara bilder som är tagna av en fotograf på företaget. 11
Följdsida - bildkombination Det går bra att kombinera svart och vita bilder med färgbilder men också bilder i grupp, se exempel. Dessa presenteras på ett snyggt och överskåligt sätt, dock ska man behålla samma höjd som på de bilder som finns på resterande sidor, 536 pixlar. Bilderna ska vara monterad i en bilvisare, när man drar musen över bildern så dyker det up en pil i vardera ände så man man klicka sig fram och tillbaka mellan alla bilder som är relevanta för just den sidan man är på. 12
Följdsida - information Informations-sidan är den sidan med mest text. Texten ska vara vänsterställd och placerad på sidans vänstra sida. Till vänster ska det finnas en bild som är en företagsbild. Brödtexten är Verdana, regular, 12 pt. På den här sidan ska det inte finnas någon bildvisning, utan den bilden som visas är statisk, den ska dock vara 536 pixlar hög. Alla sidor som endast är informativa behöver inte ha en bildvisning utan det räcker med en statisk bild. 13