D I Z A J N M A N U Á L

Transkript

1 DIZAJN MANUÁL

2 OBSAH ZNAČKA 01 & HISTÓRIA 02 LOGOTYP 03 TYPOGRAFIA dcbi Základná verzia Divízna verzia: Digitálna agentúra Divízna verzia: Informačné technológie Časti logotypu Doplnková verzia Ochranná zoná Minimálna veľkosť Zakázané použitie Titilium Web Regular Titilium Web Bold Typografické štandardy FARBY PRINTOVÉ APLIKÁCIE DIGITÁLNE APLIKÁCIE Pozitív & Negatív Svetlá & Tmavá farebná verzia Farby Hlavičkový papier Vizitky Umiestnenie skrátenej verzie Umiestnenie divíznej verzie Webstránka Mobil & Tablet

3 ZNAČKA & HISTÓRIA LOGOTYP TYPOGRAFIA FARBY PRINTOVÉ APLIKÁCIE DIGITÁLNE APLIKÁCIE dcbi Základná Verzia Divízna verzia: Digitálna Agentúra Divízna verzia: Informačné technológie Časti logotypu Doplnková verzia Ochranná zoná Minimálna veľkosť Zakázané použitie Titilium Web Regular Titilium Web Bold Typografické štandardy Pozitív & Negatív Svetlá & Tmavá farebná verzia Farby Hlavičkový papier Vizitky Umiestnenie skrátenej verzie Umiestnenie divíznej verzie Web Stránka Mobil & Tablet ZNAČKA & HISTÓRIA

4 DCBI Spoločnosť začala svoje pôsobenie v oblasti poskytovania IT administrácie. Postupným vývojom sme začali naším klientom ponúkať aj hardvér a softvér vrátane konzultácií a poradenstva, aby sa vedeli lepšie zorientovať na dynamicky sa rozvíjajúcom IT trhu. Veľkým mílnikom spoločnosti bolo v roku 2014 vypracovanie prvého digitálno-grafického zadania pre pivovar Smädný Mních, ktoré sa stretlo s pozitívnou odozvou. Zároveň sa tým začala nová éra DCBI ako digitálnej agentúry, ktorá pre klientov pripraví všetko, čo v tejto oblasti môžu potrebovať. Značka & história 7 68

5 ZNAČKA & HISTÓRIA LOGOTYP TYPOGRAFIA FARBY PRINTOVÉ APLIKÁCIE DIGITÁLNE APLIKÁCIE dcbi Základná Verzia Divízna verzia: Digitálna Agentúra Divízna verzia: Informačné technológie Časti logotypu Doplnková verzia Ochranná zoná Minimálna veľkosť Zakázané použitie Titilium Web Regular Titilium Web Bold Typografické štandardy Pozitív & Negatív Svetlá & Tmavá farebná verzia Farby Hlavičkový papier Vizitky Umiestnenie skrátenej verzie Umiestnenie divíznej verzie Web Stránka Mobil & Tablet LOGOTYP

6 LOGOTYP Logotyp je písmová alebo slovná značka, grafické znázornenie názvu firmy obvykle použitím charakteristického rezu písma. Logotyp 11 68

7 ZÁKLADNÁ VERZIA Logotyp dcbi je základným identifikačným znakom vizuálnej identity firmy. Dôsledné používanie tohoto logotypu tvorí podpis firmy a pomáha ho identifikovať. Nasledujúce pravidlá zobrazujú základné štandardy, potrebné pre správne používanie logotypu a grafických prvkov vizuálnej identity dcbi Logotyp Logotyp 13 68

8 DIVÍZNA VERZIA: DIGITÁLNA AGENTÚRA digital za bodkou odlišuje divíziu digitálnej agentúry firmy dcbi Logotyp Logotyp 15 68

9 DIVÍZNA VERZIA: INFORMAČNÉ TECHNOLÓGIE technology za bodkou odlišuje divíziu informačných technológií firmy dcbi Logotyp Logotyp 17 68

10 ČASTI LOGOTYPU 1. Názov firmy dcbi 2. Bodka 3. Slovo digital označujúce odelenie digitálnej agentúry firmy dcbi Logotyp Logotyp 19 68

11 DOPLNKOVÉ VERZIE V prípade potreby je logotyp dcbi možné používať aj v skrátenej podobe. Tá je tvorená výhradne názvom dcbi a oranžovou bodkou bez následného názvu divízie Logotyp Logotyp 21 68

12 x x OCHRANNÁ ZÓNA Aby logotyp zaujal a bol dobre identifikovateľný, musí byť zobrazený bez rušivých elementov. To znamená že logotyp nesmie byť narušeny inými prvkami, ako napr. textom alebo grafickými objektami. Veľkosť ochrannej zóny je odvodený od výšky písmena d po celom obvode loga. 3x 3x x Logotyp Logotyp 23 68

13 40 mm MINIMÁLNA VEĽKOSŤ 30 mm Minimálna veľkosť loga je 10 mm (šírka), alebo taká, aby bola zaručená dobrá čitateľnosť všetkého textu v logu. 20 mm 10 mm Logotyp Logotyp 25 68

14 1 2 ZAKÁZANÉ POUŽITIE Deformovanie 2. Rotovanie 3. Použítie iných farieb, ako definuje dizajn manuál 4. Akokoľvek zasahovať do logotypu alebo publikovanie iba jeho časti 5. Aplikovanie iného pozadia, ako určuje dizajn manuál Logotyp Logotyp 27 68

15 ZNAČKA & HISTÓRIA LOGOTYP TYPOGRAFIA FARBY PRINTOVÉ APLIKÁCIE DIGITÁLNE APLIKÁCIE dcbi Základná Verzia Divízna verzia: Digitálna Agentúra Divízna verzia: Informačné technológie Časti logotypu Doplnková verzia Ochranná zoná Minimálna veľkosť Zakázané použitie Titilium Web Regular Titilium Web Bold Typografické štandardy Pozitív & Negatív Svetlá & Tmavá farebná verzia Farby Hlavičkový papier Vizitky Umiestnenie skrátenej verzie Umiestnenie divíznej verzie Web Stránka Mobil & Tablet TYPOGRAFIA

16 VÝBER PÍSMA Typografia hrá dôležitú úlohu pre každú vizuálnu identitu. Správne zvolená typografia dodáva osobitosť a jednotu vo všetkých vizuálnych formách a aplikáciach. Ako primárné a sekundárne korporátne písmo sme zvolili kombinácie rezov Regular a Bold písma Titillium Web. Typografia 31 68

17 Titillium Web Regular Tt A B C Ć Č D Đ E F G H I J K L M N O P Q R S Š T U V W X Y Z Ž FONT TITILLIUM WEB Písmo Titillium Web je korporátnym písmom. Môžu sa používať dva rezy písma: Titillium Web Regular a Titillium Web Bold. Pre dodržanie jednotného vzhľadu vizuálnej komunikácie je dôležité použitie rovnakých fontov vo všetkých materiáloch. Pre farebné odlíšenie textu sú vhodné korporátne farby. a b c č ć d đ e f g h i j k l m n o p q r s š t u v w x y z ž ?! ( % ) [ # ] } / & < - + = > $ : ;,. * Typografia Typografia 33 68

18 Titillium Web Bold Tt A B C Ć Č D Đ E F G H I J K L M N O P Q R S Š T U V W X Y Z Ž a FONT TITILLIUM WEB Písmo Titillium Web je korporátnym písmom. Môžu sa používať dva rezy písma: Titillium Web Regular a Titillium Web Bold. Pre dodržanie jednotného vzhľadu vizuálnej komunikácie je dôležité použitie rovnakých fontov vo všetkých materiáloch. Pre farebné odlíšenie textu sú vhodné korporátne farby. b c č ć d đ e f g h i j k l m n o p q r s š t u v w x y z ž ?! ( % ) [ # ] } / & < - + = > $ : ;,. * Typografia Typografia 35 68

19 ODSEK Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sit amet risus eget mi hendrerit porta. Ut at magna magna. Nullam cursus vitae ipsum a molestie. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sit amet suscipit elit. - Titillium Web Bold - Capital Letters 16pt Type / 16pt Leading NADPISY H1 H2 DESIGN.INC TYPO - Titillium Web Bold - Capital Letters 16pt Type / 16pt Leading DESIGN.INC - Titillium Web Bold - Capital Letters 34pt Type / 30 pt Leading TYPOGRAFICKÉ ŠTANDARDY Ľavá strana opisuje odporúčané veľkosti a použitie písma Titillium Web Regular a Titilium Web Bold pre tlačové materiály H3 THE HEADER - Titillium Web Bold - Capital Letters 48pt Type / 48 pt Leading Typografia Typografia 37 68

20 ZNAČKA & HISTÓRIA LOGOTYP TYPOGRAFIA FARBY PRINTOVÉ APLIKÁCIE DIGITÁLNE APLIKÁCIE dcbi Základná Verzia Divízna verzia: Digitálna Agentúra Divízna verzia: Informačné technológie Časti logotypu Doplnková verzia Ochranná zoná Minimálna veľkosť Zakázané použitie Titilium Web Regular Titilium Web Bold Typografické štandardy Pozitív & Negatív Svetlá & Tmavá farebná verzia Farby Hlavičkový papier Vizitky Umiestnenie skrátenej verzie Umiestnenie divíznej verzie Web Stránka Mobil & Tablet FARBY

21 VÝBER FARBY Výber farby hrá dôležitú úlohu pri tvorbe vizuálneho programu značky. Farbebná paleta logotypu musí byť konzistentná vo všetkých typoch médií. Preto treba vždy dbať na dodržanie presných odtieňov farieb určených dizajn manuálom. Farba 41 68

22 POZITÍV & NEGATÍV Pokiaľ je to možné, mala by byť používaná farebná verzia logotypu dcbi. V prípade situácie, kde použitie farieb nie je možné, je k dispozícií čierny a biely variant logotypu Logotyp Logotyp 43 68

23 SVETLÁ & TMÁVA FAREBNÁ VERZIA Pokiaľ je to možné, mala by byť používaná farebná verzia logotypu dcbi. V závislosti na svetlosti pozadia si môžme vybrať svetlú alebo tmavú verziu logotopu Logotyp Logotyp 45 68

24 COLOR CODES CMYK : C000 M049 Y098 K000 Pantone : 123C RGB : R244 G148 B000 COLOR CODES CMYK : C074 M029 Y007 K000 Pantone : 2190 XGC RGB : R055 G149 B198 FARBY Primárnou farbou logotypu dcbi je oranžová v kombinácií s čiernou alebo bielou farbou definovaných na ľavej strane v kódoch CMYK, Pantone a RGB. COLOR CODES CMYK : C075 M068 Y067 K090 Pantone : Black C RGB : R045 G041 B031 COLOR CODES CMYK : C000 M000 Y000 K000 Pantone : Bright White RGB : R000 G000 B Farba Farba 47 68

25 ZNAČKA & HISTÓRIA LOGOTYP TYPOGRAFIA FARBY PRINTOVÉ APLIKÁCIE DIGITÁLNE APLIKÁCIE dcbi Základná Verzia Divízna verzia: Digitálna Agentúra Divízna verzia: Informačné technológie Časti logotypu Doplnková verzia Ochranná zoná Minimálna veľkosť Zakázané použitie Titilium Web Regular Titilium Web Bold Typografické štandardy Pozitív & Negatív Svetlá & Tmavá farebná verzia Farby Hlavičkový papier Vizitky Umiestnenie skrátenej verzie Umiestnenie divíznej verzie Web Stránka Mobil & Tablet PRINTOVÉ APLIKÁCIE

26 PRINTOVÉ APLIKÍCIE Existuje niekoľko možností, ako vytvoriť nové obchodné tlačivo. Aby sa ale zachovala celistvosť a jednotnosť vizuálnej podoby všetkých firemných tlačív je nutné dodržiavať tieto pravidlá. Aby nedochádzalo k zmene farebnosti prvkov vizuálnej identity, je dôležité, aby bol pre tlač používaný zásadne biely papier. Printové aplikácie 51 68

27 HLAVIČKOVÝ PAPIER Rozmery 210 x 297 mm Hrúbka papiera 400g/m Uncoated white Printové Aplikácie Printové Aplikácie 53 68

28 VIZITKY Rozmery 50 x 90 mm Hrúbka papiera 400g/m Uncoated white Printové Aplikácie Printové Aplikácie 55 68

29 UMIESTNENIE SKRÁTENEJ VERZIE V reklamných a propagačných materialoch, ktoré svojimi rozmermi nedovolujú umiestnenie divíznych verzií (digital, technology), používame výhradne doplnkové verzie logotypu dcbi Printové Aplikácie Printové Aplikácie 57 68

30 UMIESTNENIE DIVÍZNEJ VERZIE Na väčšie rozmery reklamných a propagačných materialov, môžme použiť ako divízne verzie (digital, technology), tak aj doplnkové verzie logotypu dcbi Printové Aplikácie Printové Aplikácie 59 68

31 ZNAČKA & HISTÓRIA LOGOTYP TYPOGRAFIA FARBY PRINTOVÉ APLIKÁCIE DIGITÁLNE APLIKÁCIE dcbi Základná Verzia Divízna verzia: Digitálna Agentúra Divízna verzia: Informačné technológie Časti logotypu Doplnková verzia Ochranná zoná Minimálna veľkosť Zakázané použitie Titilium Web Regular Titilium Web Bold Typografické štandardy Pozitív & Negatív Svetlá & Tmavá farebná verzia Farby Hlavičkový papier Vizitky Umiestnenie skrátenej verzie Umiestnenie divíznej verzie Web Stránka Mobil & Tablet DIGITÁLNE APLIKÁCIE

32 DIGITÁLNE APLIKÁCIE Následná časť tvorí ukážky princípov použitia vizuálnej identity dcbi v rôznorodých digitálnych médiach. Digitálne Aplikácie 63 68

33 WEB STRÁNKA Príklady použitia vizuálnych elementov a rozloženie prvkov na web stránke Digitálne Aplikácie Digitálne Aplikácie 65 68

34 MOBIL & TABLET Príklady použitia vizuálnych elementov a rozloženie prvkov na mobilných a tabletových zariadeniach Digitálne Aplikácie Digitálne Aplikácie 67 68

35