Newlogic
Brand book
Úvod
Brandbook společnosti Newlogic je základním vodítkem k vytvoření jednotného vizuálního stylu, který profiluje tvář firmy a dostává ji do povědomí klientů, obchodních partnerů a celé veřejnosti. Pro vytvoření nezaměnitelného jednotného vizuálního stylu je nutné se důsledně řídit pravidly jeho používání ve všech formách vnější i vnitřní komunikace společnosti.
Jak se píše název
Jsme NewlogicObchodní název společnosti je New Logic Studio s.r.o., tento název se používá pouze v obchodním rejstříku a při uvádění dodavatele díla na smlouvě. Ve všech jiných případech je povoleno používat pouze tvar Newlogic nebo Newlogic Digital.
![Group 5973.png](/userfiles/thumbs/d/group-5973_16448425124692_848x456_ttt_90.png?v=620a4e1074bc27.76917373)
![Group 5974.png](/userfiles/thumbs/e/group-5974_16448425134678_848x456_ttt_90.png?v=620a4e11743340.48055397)
Motivy
Dokážeme vaší vizi nebo nápadu pomoci na svět ve všech jeho fázích. Od konceptu značky přes exekuci kampaní až po tvorbu webové stránky nebo aplikace.
![Group 5939@2x.png](/userfiles/thumbs/5/group-5939at2x_16214182914064_848x456_ttt_90.png?v=60a4e133682818.96074737)
Newlogic, nikoliv New Logic!
Doplňující prvek logotypu.
Kreativa a různorodost digitálního prostředí.
![Group 5938@2x.png](/userfiles/thumbs/e/group-5938at2x_16214182921615_848x456_ttt_90.png?v=60a4e1342887e8.27453333)
Výrazné tahy, důraz na čitelnost a minimalismus.
![Group 5937@2x.png](/userfiles/thumbs/5/group-5937at2x_16364689676206_848x456_ttt_90.png?v=618a88e79aab67.10890531)
Barevné i monochromatické.
Písmo jako grafický prvek.
I design musí dýchat.
![Rectangle 129@2x.png](/userfiles/thumbs/0/rectangle-129at2x_16214182920095_848x456_ttt_90.png?v=60a4e1340348d9.40156884)
Myslíme to vážně.
Značka
Logotyp
Dokážeme vaší vizi nebo nápadu pomoci na svět ve všech jeho fázích. Od konceptu značky přes exekuci kampaní až po tvorbu webové stránky nebo aplikace.
![Group 5940@2x.png](/userfiles/thumbs/f/group-5940at2x_1621418298213_1748x860_ttt_90.png?v=60a4e13a356e15.81102909)
Rozšíření logotypu
Dokážeme vaší vizi nebo nápadu pomoci na svět ve všech jeho fázích. Od konceptu značky přes exekuci kampaní až po tvorbu webové stránky nebo aplikace.
![Group 5941@2x.png](/userfiles/thumbs/c/group-5941at2x_16214182993043_1748x860_ttt_90.png?v=60a4e13b4c8fd1.64772662)
Symbol
Symbol “N” slouží jako doplnění vizuálního stylu a není pevnou součástí logotypu Newlogic
![Group 5942@2x.png](/userfiles/thumbs/5/group-5942at2x_16214182983563_1748x860_ttt_90.png?v=60a4e13a57eff0.23329676)
Konstrukce značky
![Group 5943@2x.png](/userfiles/thumbs/0/group-5943at2x_16214182994451_1748x860_ttt_90.png?v=60a4e13b6da036.30466816)
Pravidla použití značky
Ochranná zóna logotypuOchrannou zónu definuje rozměr “x”, tedy šířka písmene “o”. Umístění jiných grafických prvků, log nebo rastrů v tomto prostoru je zakázáno.
![Group 5944@2x.png](/userfiles/thumbs/6/group-5944at2x_16448406005167_1748x456_ttt_90.png?v=620a46987f79e1.24958965)
Symbol “N” slouží jako doplnění vizuálního stylu a není pevnou součástí logotypu Newlogic. Jeho použití je možné v případech, kdy se cílová skupina již seznámila se základní variantou začky a znají název společnosti.
![Group 5945@2x.png](/userfiles/thumbs/2/group-5945at2x_16214182993947_1748x610_ttt_90.png?v=60a4e13b614679.02381227)
Pokud používáme logotyp a symbol “N” na jedné ploše, tloušťka linky symbolu je definovaná pomocí velikosti “z”, která vychází z tloušťky písma v logotypu.
![Group 5946@2x.png](/userfiles/thumbs/5/group-5946at2x_16214182996244_1748x860_ttt_90.png?v=60a4e13b9a2042.18814417)
![Group 5947@2x.png](/userfiles/thumbs/2/group-5947at2x_1621418298427_848x456_ttt_90.png?v=60a4e13a692315.32187679)
Nejmenší povolená velikost logotypu je definována šířkou 60 px, v použití pro tisk 2 cm.
![Group 5948@2x.png](/userfiles/thumbs/9/group-5948at2x_16214182992453_848x456_ttt_90.png?v=60a4e13b431852.76086705)
Nejmenší povolená velikost symbolu je definována šířkou 20 px, v použití pro tisk 0,5 cm.
Barvy
Jako základní barevnost používáme Midnight-blue s Dirty-white. White a Logic-green používáme v detailech a to spíše v textu. Jako podkladovou plochu ji používáme jen výjimečně.
Základní barevnost
#15191C
#EFEDED
#83CD4F
#FFFFFF
Značka na podkladových plochách
Značku primárně používáme buď v midnight-blue nebo bílé, výjimečně je však dovoleno použití v barvě — např. na webu pro odlišení jednotlivých subbrandů Newlogic (Digital, Creative, Boost).
![Group 5959@2x.png](/userfiles/thumbs/f/group-5959at2x_16214276657627_848x456_ttt_90.png?v=60a505d1bc0d47.55678287)
U aplikace logotypu na fotografie je nutné brát ohled na čitelnost, je tedy nutné logotyp umístit do tmavé plochy.
![Group 5960@2x.png](/userfiles/thumbs/a/group-5960at2x_16214276658215_848x456_ttt_90.png?v=60a505d1ca7a69.78619145)
U aplikace logotypu na fotografie je nutné brát ohled čitelnost, je tedy nutné logotyp umístit do dostatečně kontrastní plochy.
Pokud umísťujeme logo do patičky (made by Newlogic), používáme buď kontrastní bílou nebo černou barvu v závislosti na barvě podkladu.
Písmo
Jako firemní písmo používáme Galano Grotesque od René Bieder v několika základních řezech řezech
abcdefghijklmnopqrstuvwxyz
0123456789
Řezy
Semibold a Bold používáme jen u nadpisů a tlačítek. Semibold je definován pro primární použití, pokud používáme více úrovní nadpisů, zvolíme kombinaci Bold/Semibold, přičemž Bold je pro nadpisy vyšší úrovně. Řez Medium je určený pro menší nadpisy a sazbu kratších textů. Regular slouží jen ke chlebové sazbě, kde také řez Medium slouží ke zvýraznění písma.
Proklad mezi písmeny je -30 pt.
Používá se jen u některých typů nadpisů a tlačítek. Šířka outline nadpisu je 1 px.
Ukázka použití písma
![Group 5965@2x.png](/userfiles/thumbs/9/group-5965at2x_16214183044015_1748x1004_ttt_90.png?v=60a4e140639158.91905040)
Fotografie
![Rectangle 182@2x.png](/userfiles/thumbs/0/rectangle-182at2x_16214183095153_848x456_ttt_90.png?v=60a4e1457f63c5.36760075)
Slouží spíše jako imageové fotografie
![Rectangle 916@2x.png](/userfiles/thumbs/8/rectangle-916at2x_16214183096049_848x456_ttt_90.png?v=60a4e1459576c3.74445554)
Živější, komunikování reálného života ve firmě
Mock-upy
Pro prezentaci prací používáme jednoduché černobílé mockupy. Použití realistických mockupů je zakázáno.
![001.2@2x.png](/userfiles/thumbs/2/001-2at2x_16214183097196_1748x1094_ttt_90.png?v=60a4e145b1b6f5.40528011)
Ikonografie
Ikony vychází z tvarosloví, ve kterém je provedený logotyp. Síla linky ikony je vždy v poměru k síle linky symbolu “N”. Pokud to dovoluje tvar, doporučuje se využít 3D efekt nebo optický klam.
![Group 5966@2x.png](/userfiles/thumbs/d/group-5966at2x_16214183141437_1748x870_ttt_90.png?v=60a4e14a24b029.70395877)
Grafika
Sociální sítě
Vizuální komunikace
E-shopy
CRM systémy
Web design
On-line kampaně
Like
Konfigurátory produktů
Integrace systémů
Web
Barevnost ikon na podkladových plochách
Smazat - Ikony vychází ze tvarosloví, ve kterém je provedený logotyp. Síla linky ikony je vždy v poměru k síle linky symbolu “N”. Pokud to dovoluje tvar, doporučuje se využít 3D efekt nebo optický klam.
![Group 5967@2x.png](/userfiles/thumbs/b/group-5967at2x_162141831427_848x456_ttt_90.png?v=60a4e14a43d018.37371276)
Barevné ikony
![Group 5968@2x.png](/userfiles/thumbs/5/group-5968at2x_16214183142332_848x456_ttt_90.png?v=60a4e14a39e2b7.08348708)
Bílé ikony
Social
Posty na sociální sítě používáme buď statické nebo animované. Je zde důležité klást důraz na variabilitu, střídání textových a fotografických postů. Zároveň se doporučuje, pokud tvoříme post o více slidech, aby tyto jednotlivé slidy spolu kontrastovaly — tedy použití jak tmavých, tak světlých podkladových ploch. Rozměr social postu je 1080 x 1080 px a je nutné dodržovat vzdušnost vizuálního stylu, především okraje 100 px z každé strany.
Typy social postů
Brand Newlogic
Příklad placeného animovaného postu, kterým se představuje práce studia. Obsahuje úvodní slide se značkou Newlogic a ikonu. Tyto social posty používají v záhlaví a v zápatí kategorie.
![Styl-11@2x.png](/userfiles/thumbs/7/styl-11at2x_1621418319941_548x548_ttt_90.png?v=60a4e14fe72c06.97739690)
1/3
![Styl-10@2x.png](/userfiles/thumbs/e/styl-10at2x_16214183197082_548x548_ttt_90.png?v=60a4e14fae1834.81462912)
2/3
![Styl-9@2x.png](/userfiles/thumbs/a/styl-9at2x_16214183193844_548x548_ttt_90.png?v=60a4e14f5f0ec3.89060173)
3/3
Text
Příklady několika různých čistě typografických postů s textem na jeden řádek, s textem na více řádků, s použitím tmavých a světlých podkladových ploch. Ve výjimečných případech, spíše na proklad, je možné použít zelenou podkladovou plochu. Dále je důležité dodržovat, že pracujeme se třemi velikostmi textu (ukázka na prvních třech bannerech).
![Styl1 – 137@2x.png](/userfiles/thumbs/d/styl1-137at2x_16214183195006_548x548_ttt_90.png?v=60a4e14f7b2fe6.05186551)
Velikost textu 1
![Styl-7@2x.png](/userfiles/thumbs/8/styl-7at2x_16214183193125_548x548_ttt_90.png?v=60a4e14f4d83b3.53610085)
Velikost textu 2
![Styl-8@2x.png](/userfiles/thumbs/e/styl-8at2x_16214183193472_548x548_ttt_90.png?v=60a4e14f563df6.77125239)
Velikost textu 3
![Styl1 – 92@2x.png](/userfiles/thumbs/2/styl1-92at2x_16214183195321_548x548_ttt_90.png?v=60a4e14f82da89.65198218)
Text na zeleném pozadí
![Styl-5@2x.png](/userfiles/thumbs/e/styl-5at2x_16214183192363_548x548_ttt_90.png?v=60a4e14f3a9c41.03119732)
Roll-up
![Styl1 – 77@2x@2x.png](/userfiles/thumbs/5/styl1-77at2xat2x_16214183194667_548x548_ttt_90.png?v=60a4e14f731be3.62116621)
Roll-up
Text/logo + foto
Pro kombinaci text/logo + foto používáme monochromatické fotografie.
![Styl1 – 136@2x.png](/userfiles/thumbs/3/styl1-136at2x_16214183198855_548x548_ttt_90.png?v=60a4e14fd98168.43227797)
![Group 5969@2x.png](/userfiles/thumbs/0/group-5969at2x_16214183200901_548x548_ttt_90.png?v=60a4e150179cb3.10609692)
![Group 5970@2x.png](/userfiles/thumbs/3/group-5970at2x_16214183196271_548x548_ttt_90.png?v=60a4e14f9a5be7.60214469)
Fotografie a vizualizace
Tato kategorie social postů obsahuje více “živé” motivy jako fotografie nebo vizualizace. U fotografií je možné použití jak barevné, tak monochromatické varianty.
![Styl-4@2x.png](/userfiles/thumbs/7/styl-4at2x_1621418320197_548x548_ttt_90.png?v=60a4e150312945.23629680)
![Styl-3@2x.png](/userfiles/thumbs/d/styl-3at2x_16214183201428_548x548_ttt_90.png?v=60a4e150245140.05266518)
![Styl-2@2x.png](/userfiles/thumbs/3/styl-2at2x_16214183200376_548x548_ttt_90.png?v=60a4e1500a9fd3.95373704)
Prezentace projektu a karusel
Prezentace projektu nepoužívá s žádných motivů vizuálního stylu a je postavena na vizualitě projektu. Pro tento způsob prezentace se doporučuje používat návaznost jednotlivých slidů při swipování na instagramu — tento efekt je ale možné použít i pro jakýkoliv jiný post
Ochranná zóna
Ochranná zóna, tedy okraje, do za které se nedoporučuje vkládat texty (kromě drobných nadpisů) je 100 px.
![Group 5971@2x.png](/userfiles/thumbs/8/group-5971at2x_1621418319563_1748x823_ttt_90.png?v=60a4e14f8a4af5.10174554)
Velikosti textu
Je důležité dodržovat pravidlo, že pracujeme se třemi velikostmi textu.
![Styl1 – 137@2x.png](/userfiles/thumbs/d/styl1-137at2x_16214183195006_548x548_ttt_90.png?v=60a4e14f7b2fe6.05186551)
195 pt
![Styl-7@2x.png](/userfiles/thumbs/8/styl-7at2x_16214183193125_548x548_ttt_90.png?v=60a4e14f4d83b3.53610085)
110 pt
![Styl-8@2x.png](/userfiles/thumbs/e/styl-8at2x_16214183193472_548x548_ttt_90.png?v=60a4e14f563df6.77125239)
65 pt
Instagram wall
Je důležité vždy zvolit takový post, aby se na zdi na Instragramu tvořil určitý rytmus. Např. nevkládat tři světlé textové posty vedle sebe.
![Group 5936@2x.png](/userfiles/thumbs/1/group-5936at2x_16214183208436_1784x3564_ttt_90.png?v=60a4e150d15a00.28430306)
Vizuální styl, přestože je Newlogic digitální agentura, má i své tiskové výstupy v podobě vizitek, cenových nabídek a faktur.
Vizitky
Vizitky se tisknou oboustranně sítotiskem na bílý papír. Hrana je barvená zeleným sprejem. Jako vhodná gramáž papíru se doporučuje 450 g/m2.
![Group 5972@2x.png](/userfiles/thumbs/8/group-5972at2x_16214183270399_1748x519_ttt_90.png?v=60a4e1570ab731.30913570)
Nabídka
U cenové nabídky pracujeme s kontrasty barevnosti — bílá, černá, dirty-white.
![nab@2x.png](/userfiles/thumbs/2/nabat2x_16214183271076_552x778_ttt_90.png?v=60a4e1571b42f9.53798556)
Titulní strana
![Boost-7-2@2x.png](/userfiles/thumbs/9/boost-7-2at2x_16214183269305_552x778_ttt_90.png?v=60a4e156e4bab4.94000986)
Předělová strana
![Boost-7-2-4@2x.png](/userfiles/thumbs/3/boost-7-2-4at2x_16214183269887_552x778_ttt_90.png?v=60a4e156f2ab36.95839253)
Textová strana