manuál vizuální komunikace
Jednotný vizuální styl občanského sdružení byl navržen a zrealizován v rámci projektu „Něco se stane! – pilotní projekt návrh postupů pro rozvoj neziskového sektoru a podporu sociální integrace v Karlovarském kraji“ občanského sdružení PROTEBE live. Tento projekt je spolufinancován Evropskou unií a Karlovarským krajem. www.pro.tebe.cz
Obsah 1.1 1.2 1.3 1.4 1.5 2.1 2.2 3.1 3.2 3.3 3.4 3.5
4.1 4.2 4.3 4.4 4.5 4.6
Logo a jeho minimální velikost Ochranná zóna Varianty pro černobílý a barevný negativ a pozitiv
Logotyp
Kodifikace barev Zakázané varianty
Písmo základní
Písmo
Písmo doplňkové
Vizitky Hlavičkový papír – přední strana Hlavičkový papír – zadní strana
Základní tiskoviny
Obálka Komplimentka
Cedule a razítko Rámeček na fotky Plakát A1 (A2, A3, A4)
Další aplikace loga
Leták – skládačka z A4
Webové stránky – instrukce k vytvoření, kodifikace barev) Webové stránky – okótované šablony
1. 1
Logotyp Minimální velikost
minimální velikost 14 mm
Zde je ukázána minimální velikost loga. Slouží k tomu, aby si použité logo zachovalo svou čitelnost a jasnost.
1. 2
Logotyp Ochranná zóna
Ochranná zóna vymezuje prostor, kam se nesmí umísťovat žádný další text nebo obraz.
1. 3
Logotyp Varianty pro černobílý a barevný negativ a pozitiv
Logotyp je zde představen nejprve v základních barvách – černé a žluté. Logotyp je možno používat pozitivní a negativní variantě, která existuje jak pro barevnou, tak i černobílou verzi. Pro výběr negativní a pozitivní verze je určující tmavost podkladu, tak aby logo nezanikalo.
1. 4
Logotyp Kodifikace barev
CMYK > K 100 RGB > R 0; G 0; B 0 WWW > #000000
CMYK > M 24; Y 94 RGB > R 255; G 196; B 37 WWW > #ffc425 PANTONE 123 C (přímá barva)
CMYK > K 100 RGB > R 0; G 0; B 0 WWW > #000000
CMYK > K 25 RGB > R 198; G 200; B 202 WWW > #c6c8c9
Pro dodržení jednotného vizuálního stylu je též důležité dodržovat správnou barevnost. Hodnoty barev jsou zde uvedeny pro čtyřbarevný ofsetový tisk (CMYK), substraktivní zobrazování na monitoru (RGB) a pro webovou paletu.
1. 5
Logotyp Zakázané varianty
Neměnte kresbu loga
Neupravujte barevnost písma
Neměnte danou barevnost
Nedeformujte logotyp
Neměntě polohu jednotlivých
Neměntě intenzitu barev loga
prvků logotypu
strípky Nepoužívejte barevné logo v případech černobílého tisku. Pro černobílý tisk se používá speciálně připravená černobílá varianta
kapitola
1
Dodržujte ochrannou zónu
Nenahrazujte písmo v logu
2. 1
Písmo Písmo základní
JohnSans Lite Pro Regular
ABCČDĎEFGHCHIJKLMNOPQRSTŤUVXYZŽ abcčdďefghchijklmnopqrstťuvxyzž 0123456789!?,”&%()*
JohnSans Lite Pro Bold
ABCČDĎEFGHCHIJKLMNOPQRSTŤUVXYZŽ abcčdďefghchijklmnopqrstťuvxyzž 0123456789!?,”&%()*
JohnSans Text Pro Regular
ABCČDĎEFGHCHIJKLMNOPQRSTŤUVXYZŽ abcčdďefghchijklmnopqrstťuvxyzž 0123456789!?,”&%()*
JohnSans Text Pro Bold
ABCČDĎEFGHCHIJKLMNOPQRSTŤUVXYZŽ abcčdďefghchijklmnopqrstťuvxyzž 0123456789!?,”&%()*
JohnSans Medium Pro Bold
ABCČDĎEFGHCHIJKLMNOPQRSTŤUVXYZŽ abcčdďefghchijklmnopqrstťuvxyzž 0123456789!?,”&%()*
2. 1
Písmo Písmo doplňkové
Baskerville Ten Pro
ABCČDĎEFGHCHIJKLMNOPQRSTŤUVXYZŽ abcčdďefghchijklmnopqrstťuvxyzž 0123456789!?,”&%()*
Baskervill Ten Pro Bold
ABCČDĎEFGHCHIJKLMNOPQRSTŤUVXYZŽ abcčdďefghchijklmnopqrstťuvxyzž 0123456789!?,”&%()*
Times New Roman Regular
ABCČDĎEFGHCHIJKLMNOPQRSTŤUVXYZŽ abcčdďefghchijklmnopqrstťuvxyzž 0123456789!?,”&%()*
Základním písmem je zvoleno John Sans Pro. Všechny textové podklady vytvořené tímto písmem jsou uloženy na cd, na kterém se vyskytuje i tento manuál. A to jako předlohy ve vektoru nebo formátu pdf. Dalším písmem je pak Baskerville Ten Pro, který je použit pro citát. Times New Roman je písmem, které je určené pro vyplňování předtištěného hlavičkového papíru a komplimentky na osobním počítači v případě že nevlastníte písmo Baskervill Ten Pro.
3. 1
Základní tiskoviny Vizitka
5 mm
5 mm 6,7 mm
5 mm 27 mm 9,5 mm
16,65 mm
7 mm
6,4 mm
8 mm
5 mm
5 mm
13,2 mm 78,8 mm 5,6 mm
12,3 mm
Vizitka je založena na oboustraném konceptu. Přední strana nese hlavní informace a zadní strana citát, který upřesňuje ideu motýla, použitého v logu. V případě nedostatku a rychlé potřeby vizitek lze vytisknout na osobní tiskárně i verzi jednostranou. Jedná se však o krajní řešení. Vždy je upřednostňovaná oboustraná verze. To samé platí i u hlavičkového papíru.
3. 2
Základní tiskoviny Hlavičkový papír – přední strana
16,7 mm
14,5 mm
17,6 mm 18,4 mm 53,2 mm 13,9 mm 37 mm
10 mm
8,46 mm
38 mm 43 mm
78 mm 53,2 mm 18,2 mm
18,3 mm
39,8 mm
3. 3
Základní tiskoviny Hlavičkový papír – zadní strana Celkový rozměr dopisního papíru – A4
14,36 mm
14,76 mm
50,5 mm
102,2 mm 21,7 mm
29,3 mm
3. 3
Základní tiskoviny Hlavičkový papír – zadní strana a přední strana
Text hlavičkového papíru se vyplňuje do šablony vytvořené v kancelářském programu MS Word a tiskne se osobní tiskárnou na předtištěné hlavičkové papíry. Velikost písma, proklad i prostrkání je pro jednotlivé odstavce nastaven. Pro text se dodržuje pravidlo levého zarovnání a podpis a datum se umisťují vždy vpravo dole. Písmem pro vyplnění je Baskervill Ten Pro. V případě že jej nevlastníte, lze použít široce rozšířený Times New Roman.
3. 4
Základní tiskoviny Dopisní obálka
7,8 mm
10,6 mm
26,5 mm 9,6 mm 31 mm
5,5 mm
33 mm
31,4 mm
5,4 mm
23,7 mm
53 mm
11,8 mm
16,1 mm
Celkový rozměr obálky 220 x 110 mm
3. 5
Základní tiskoviny Komplimentka
10,5 mm
8,6 mm
11,65 mm 11,5 mm 14 mm 30 mm 7,5 mm
22,7 mm
13 mm
24 mm
18 mm
9 mm
11,5 mm
10,3 mm
27,9 mm
34,4 mm
9,8 mm
14,6 mm
Celkový rozměr komplimentky 99 x 210 mm
4. 1
Jiné aplikace loga Cedule a razítko
17 mm
18 mm
18,5 mm
12,5 mm
51,2 mm
32,5 mm 16,5 mm
15,9 mm
54,5 mm
34 mm 38,8 mm
33,5 mm
13,7 mm
Celkový rozměr cedule 325 x 210 mm
Celkový rozměr razítka 49 x 20 mm
39,8 mm
4. 2
Jiné aplikace loga Rámeček na fotky
Rámeček na fotky je připraven ve velikosti 18x13 cm pro fotku o velikosti 9x13 cm. Nejjednodušší realizací je nechat rámeček vytisknout na samolepu a s vyřízlým vnitřkem nalepit na paspartu do které se vloží fotka. Rámeček lze proporčně zvětšit na libovolný formát fotky a to vždy o dva větší než je fotka samotná. Normalizované formáty fotek: 9x13; 10x15; 13x18, 15x21; 20x30; 30x45 (cm).
4. 3
Jiné aplikace loga Plakát A1 840 x 594 mm
28 mm 48 mm
28 mm 103 mm
108 mm
108 mm
48 mm
112 mm
252 mm 28 mm
67 mm 103 mm
128,5 mm
112 mm
339 mm
47,7 mm 60 mm
41 mm
39 mm
75 mm
43,7mm
8,5 mm 40,4 mm
72 mm 34 mm 20 mm
22,5 mm
42,4 mm
4.4.3 3 1
Jiné aplikace loga Plakát A1 840 x 594 mm
Plakát A1 je navržen tak, že ho lze použít i poměrově zmenšený. Čitelnost je zachována až do zmenšení na formát A4.
4. 4
Jiné aplikace loga
12,7 mm
Leták – skládačka z A4
9,2 mm
15,2 mm 21 mm
17 mm
9,5 mm
33,5 mm 26 mm
12,7 mm
11 mm
12,7 mm
13 mm 18,2 mm
45,4 mm
28 mm
38 mm
12,7 mm 8,6 mm
70,2 mm
84,5 mm
23 mm
11,6 mm 12,7 mm
21,5 mm
19 mm
19,5mm 16,6 mm
6,3 mm
16,3 mm 98 mm
99 mm
Celkový rozměr letáku 210 x 296 mm
99 mm
4. 4
Jiné aplikace loga Leták – skládačka z A4
9 mm 25 mm 38,8 mm
17,6 mm
16 mm 13,1 mm
30 mm 13 mm
12,7 mm
13,8 mm
12,7 mm
34 mm 25 mm
19,6 mm 99 mm
99 mm
Celkový rozměr letáku 210 x 296 mm
70,2 mm 98 mm
4. 4
Jiné aplikace loga Leták – skládačka z A4
4. 4
Jiné aplikace loga Leták – skládačka z A4
4. 5
Jiné aplikace loga Webové stránky
šablona č. 1
Webové stránky jsou navrženy ve velikosti 769 x 490 pixelů. Jsou orámované šedou linkou. Pět šablon k jejich vytvoření je na cd. Jednotlivé nápisy v šedém pruhu jsou tlačítka rubrik. Po najetí kurzoru myši by mělo tlačítko změnit barvu na černou a při stlačení se zmenšit na 90%. Písmo rubriky ve které se právě uživatel nachází je žluté (viz kodifikace barev webu). Žlutý text v záhlaví pouze dotváří dojem. Může být jak statický tak pohyblivý. Pohyblivým textem je myšleno objevování se a mizení jednotlivých částí věty s mírným rozechvělým pohybem. Logo Střípky v pravém horním rohu by mělo fungovat jako tlačítko pro “home”– prvotní zobrazovanou stránku kterou je rubrika “novinky”. Je navrženo 5 základních šablon. První je pro souvislý text v rubrice například Kdo jsme. Šipky napravo od textu slouží pro rolování textu. Další šablona je pro souvislý text ke kterému se vztahují fotky. Miniatury napravo od textu by měli po klinutí fungovat jako cesta ke zvětšení fotky do původního prostoru textu jako je to v šabloně č. 4. Šablona č. 4 současně slouží pro rubriku galerie. Po překliknutí na rubriku galerie by se však nejprve měla objevit šablona č. 3, která slouží jako seznam alb fotek. Jednotlivá data s textem by měla fungovat jako tlačítka k překliknutí na fotky – šablonu č. 4. Šipky napravo a nalevo od hlavní fotky fungují pro překliknutí na další fotku. Šipky nad a pod miniaturami slouží k rolování miniatur směrem nahoru a dolu. Každá z miniatur by se po kliknutí na sebe měla zvětšit na místo hlavní fotky. Šablona č. 5 je přímo na kontakty.
4. 5
Jiné aplikace loga Webové stránky
šablona č. 2
šablona č. 3
4. 5
Jiné aplikace loga Webové stránky
šablona č. 4
šablona č. 5
4. 5
Jiné aplikace loga Webové stránky – kodifikace barev
CMYK > K 100 RGB> R 0; G 0; B 0
barva nadpisů, rubriky při najetí kurzoru myši
WWW: #000000
CMYK > M 24; Y 94 RGB> R 255; G 196; B 37
barva šipek, aktuální rubriky a textu v záhlaví
WWW: #ffc425
CMYK > K 4 RGB> R 65; G 65; B 66
barva šedého pruhu s rubrikami
WWW: #f3f4f4
CMYK > K 60 RGB> R 128; G 130; B 133
barva rubrik
WWW: #808285
CMYK > K 80 RGB> R 88; G 89; B 91 WWW: #58595b
barva textu
4. 6
Jiné aplikace loga
34,5 px
Webové stránky – okótované šablony
25,5 px
19,5 px
490 px
144 px
96 px
55,5 px
420 px
8,55 x 10,8 px 28,5 px
25,5 px
106,5 px 72 px
33 px
52,5 px
67,5 px
27 px
480 px
54 px
19,5 px
69 px
63 px
57 px
184,5 px
19,5 px 55,5 px
55,5 px
54 px
384 px
45 px
171 px
76,5 px
769 px 9 px
45,75 px
409 px
15 px 15 px
27,9 px 15 px
34,5 px
8,7 px
67,5 px
27 px
19,5 px
490 px
74,25 px
420 px
8,55 x 10,8 px
25,5 px
106,5 px 72 px
27 px
52,5 px
25,5 px
54 px
19,5 px
69 px
63 px
57 px
165 px
105 px
19,5 px
184,5 px
58,5 px
45 px
99 px
171 px
76,5 px
172,5 px
55,5 px
55,5 px
54 px
277,5 px
769 px 9 px
15 px 15 px
27,9 px 8,7 px
15 px
45,75 px
409 px