KSIĘGA ZNAKU. Warszawa 2017

Transkrypt

1 KSIĘGA ZNAKU Warszawa 2017

2 Logo Kolory Typografia Ikony Zdjęcia

3 LOGO

4 LOGO Druk Internet 10 mm 40 px Logo składa się z okręgu i wpisanej w niego nazwy firmy. Szerokość znaku w druku nie powinna być mniejsza niż 10 mm. W przypadku wersji internetowej szerokość nie powinna być mniejsza niż 40 px.

5 PROPORCJE ZNAKU x x x 11 y x ½x x 2y x Podstawowa konstrukcja znaku i proporcje pomiędzy jego elementami.

6 POLE OCHRONNE ¼x ¼x x W polu ochronnym znaku nie powinny znajdować się inne obiekty. Mierzone jest ono na podstawie wymiaru x, który jest równoważny z wysokością znaku.

7 IKONA/FAVICON ¼x ¼x x Znak znajduje się w centrum kwadratu wypełnionego gradientem. Stosunek wielkości kwadratu do znaku określa jego wysokość.

8 GRADIENT ZNAKU Rozłożenie kolorów w gradiencie znaku. Rozłożenie kolorów w gradiencie tła znaku.

9 WERSJE KOLORYSTYCZNE Oryginał Granatowa Czarno-biała pozytyw negatyw Jeśli to możliwe, używaj oryginalnej wersji znaku. Jeśli nie ma takiej możliwości, użyj wersji granatowej. Jeśli nie można użyć kolorowej wersji, użyj wersję czarno-białą.

10 ZNAK NA TLE Jeśli to możliwe, umieszczaj znak na tle w kolorach marki. Jeśli nie ma takiej możliwości, używaj wersji logo, które wyróżnia się od tła. Logo może być użyte na tle zdjęcia, jeśli jest wystarczający pomiędzy nimi kontrast.

11 NIEDOPUSZCZALNE MODYFIKACJE Używaj dostępnej paczki logo, która nie powinna być zmieniana. Znak nie powinien być rozciągany, obracany, dostosowywany kolorystycznie.

12 KOLORY

13 KOLORY PODSTAWOWE HEX: #1c4485 RGB: 28,68,133 CMYK: 100,85,18,4 HEX: #00b5e9 RGB: 0,181,233 CMYK: 86,0,3,0 HEX: #29a149 RGB: 41,161,73 CMYK: 81,12,100,0 Główne kolory marki, z których stworzony jest gradient znaku. Używane do nagłówków, tekstu, ikon i tła.

14 KOLORY DODATKOWE HEX: #005e99 HEX: #0078ae HEX: #0094c9 HEX: # HEX: #d2d8e4 HEX: # RGB: 0,94,153 RGB: 0,120,174 RGB: 0,148,201 RGB: 68,84,105 RGB: 210,216,228 RGB: 18,38,67 CMYK: 96,64,14,3 CMYK: 93,43,11,2 CMYK: 90,22,7,1 CMYK: 78,63,40,22 CMYK: 16,10,4,0 CMYK: 97,83,45,47 HEX: #00aec0 HEX: #00a996 HEX: #00a56f HEX: #f1f8f9 HEX: #e9f6fd RGB: 0,174,192 RGB: 0,169,150 RGB: 0,165,111 RGB: 241,248,249 RGB: 233,246,253 CMYK: 85,3,26,0 CMYK: 84,6,51,0 CMYK: 82,9,75,0 CMYK: 4,0,1,0 CMYK: 7,0,0,0 Kolory używane do ikon i tła. Kolory używane do tabel, linii i tła. Kolor używany do tekstów.

15 TYPOGRAFIA

16 KRÓJ PODSTAWOWY Raleway Extrabold AĄBCĆDEĘFGHIJKLŁMN ŃOÓPRSŚTUWXYZŻŹaą bcćdeęfghijklłmnńoóp rsśtuwxyzżź ?! ( % ) [ # ] } / & \ < - + = > $ : ;,. * Lato Regular AĄBCĆDEĘFGHIJKLŁM NŃOÓPRSŚTUWXYZŻŹ aąbcćdeęfghijklłmnńoó prsśtuwxyzżź ?! (%)[#]{@}/&\<-+ => $ :;,.* Raleway Extrabold najczęściej stosowany do nagłówków i większych tekstów. Dopuszczalne jest używanie innych odmian z rodziny Raleway. Lato Regular najczęściej stosowany do bloków tekstu. Dopuszczalne jest używanie innych odmian z rodziny Lato.

17 KRÓJ ALTERNTYWNY Arial Regular AĄBCĆDEĘFGHIJKLŁM NŃOÓPRSŚTUWXYZŻŹ aąbcćdeęfghijklłmnńoóp rsśtuwxyzżź ?! => $ :;,.* Arial Bold AĄBCĆDEĘFGHIJKLŁM NŃOÓPRSŚTUWXYZŻŹ aąbcćdeęfghijklłmnńoó prsśtuwxyzżź ?! (%)[#]{@}/&\<-+ => $ :;,.* Jako zamiennik stosowany jest krój Arial. Może być używany w drukach biurowych, papierze firmowym, prezentacjach PowerPoint.

18 PRZYKŁADY UŻYCIA TYPOGRAFII VOLUPTATEM SEQUI ARCHITECTO BEATAE VITAE Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco. VOLUPTATEM SEQUI Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Eiusmod Tempor

19 IKONY

20 IKONY Umieszczaj ikony w okręgu. Ikony zbudowane z linii, bez wypełnienia.

21 ZDJĘCIA

22 LUDZIE Ludzi pokazuj uśmiechniętych i przyjaznych (radość), otwarta pozycja ciała (uczciwość), ubrani biznesowo lub w smart casual (przedsiębiorca po pracy), najlepiej dłonie widoczne w kadrze ( nie mam nic do ukrycia ), sylwetka przynajmniej od pasa w górę (nie dotyczy siedzących w samochodzie). Unikaj prezentowania ludzi smutnych, w przebraniach, okularach przeciwsłonecznych, ze skrzyżowanymi rękoma, kadrów części ciała (np. uścisk ręki), ale także ludzi przesadnie rozemocjonowanych.

23 SAMOCHODY Marki kojarzone z klasą wyższą (np. BMW, Mercedes), wygodnym i stylowym miejskim podróżowaniem (np. BMW MINI), oddające charakter kierowcy (jak Garbus), wolnością (Kabriolet). Nie pokazuj samochodów zniszczonych, zwykłych, nie wyróżniających się z tłumu (przeciętność), rodzinnych (zobowiązanie). Unikaj samochodów kompletnie niedostępnych w naszym kraju (niedostępność).

24 KADRY Preferowana sceneria poza pomieszczeniami zamkniętymi, jak droga, krajobrazy, przy dyspozytorze, itp. (wolność). Kadry powinny być jasne, dobrze oświetlone, najlepiej światłem słonecznym (radość), albo ciepłym światłem w kadrach nocnych. Unikaj scenerii szarej; pustych, nudnych teł, czarnobiałych zdjęć, wielu samochodów w jednym kadrze (skojarzenie z tłokiem, korkami). Skomplikowane tło jest dopuszczalne, ale tylko w momencie, kiedy na pierwszy planie dominuje radość, spokój (prostota marki na tle skomplikowanego świata).