Updated 2021/01/19

Úvod

Slovenská debatná asociácia

Toto je manuál vizuálnej identity pre Slovenskú debatnú asociáciu, ktorého cieľom je zaručiť, aby bola vizuálna komunikácia SDA jednotná naprieč všetkými online aj offline kanálmi. Slúži ako príručka pre tvorcov vizuálnej komunikácie aj externých dodávateľov a je dôležité, aby ho dôsledne dodržiavali všetci, ktorí sa podieľajú na príprave vizuálnych materiálov SDA.

Manuál nie je vyčerpávajúcou odpoveďou na všetky otázky a situácie. Obsahuje však pravidlá práce so základnými vizuálnymi elementmi značky.

Podobne ako značku, aj samotný manuál je potrebné pravidelne aktualizovať a prispôsobovať novým potrebám, aby tak dlhodobo spĺňal svoju funkciu pomôcky pre tvorbu nových či úpravu existujúcich vizuálnych formátov.

Manuál vypracovalo Milk Studio.

Základné elementy značky

Základné elementy značky sú to, čo značku definuje, reprezentuje a robí nielen spoznateľnou, ale aj nezameniteľnou. Pri základných elementoch značky sa riadime týmito pravidlami:

• Používame ich vždy, keď je to možné.
• Používame ich výhradne v takej podobe, aká je predpísaná nižšie.
• Používame ich vždy spolu. Na každý formát umiestňujeme aspoň tri elementy.
• Používame ich tam, kde je to vhodné spolu s doplnkovými grafickými elementmi a ilustráciami.

Elementy značky

Updated 2021/01/19

Logo

Logo používame všade, kde je to možné, výhradne v podobe, akú predpisuje tento manuál.

Nápis Slovenská debatná asociácia so symblom zátvoriek je nemenným variantom loga.
To znamená, že nie je dovolené meniť pomer strán či farebnosť mimo základných farieb.

Pri práci s logom vychádzame vždy iba z originálnych variantov zo sekcie na stiahnutie.

Zjednodušená verzia

Minimálna veľkosť

Pri použití loga je dôležité, aby bolo vždy čitateľné a rozoznateľné. Nepoužívame ho preto v menšej než nižšie uvedenej veľkosti. Maximálna veľkosť loga je neobmedzená, pokiaľ je zachovaná predpísaná ochranná zóna.

Ochranná zóna

Ochranná zóna je priestor okolo loga, do ktorého nesmú zasahovať žiadne iné prvky. Šírka ochrannej zóny loga je polovica z výšky symbolu zátvoriek v logu SDA.

Umiestnenie loga

Updated 2021/02/05

Farby

Prehľad

Základná farebnosť slúži k rýchlemu rozpoznaniu značky a dopĺňa logo.

Primárne farby značky

Slúžia na komunikáciu Slovenskej debatnej asociácie.

Sekundárne farby značky

Sekundárne farby dopĺňajú primárne farby pri komunikácii SDA. Pri subbrandoch preberajú hlavnú funkciu sekundráne farby.

Updated 2021/01/20

Typografia/písmo

Základné písmo

Titulkové písmo je spolu s logom a farebnosťou dôležitým identifikačným prvkom značky. Používame ho všade, kde je to možné, v jednotnej podobe.

V úlohe základného titulkového písma SDA používame Epiloque. Toto písmo pochádza z balíka Google Fonts, je teda možné ho voľne používať. Stiahnuť ho môžete z tohto linku. Pre titulky a nadpisy používame rez Bold.

Nižšie uvádzame veľkosti odporúčané pre bežné formáty (dokument veľkosti A4, titulky v prezentácii a hlavné nadpisy na webe). Veľkosti je však možné v závislosti od použitia formátu či informácií v ňom podľa potreby upravovať.

Textové písmo

Epilogue Regular

Optimized for legibility, clarity, and consistency, Epilogue regular is the SDA body copy typeface.

Práca s písmom

Pri práci s nadpismi používame veľkosť písma rovnakú ako veľkosť riadku. Ak máme veľkosť písma 80pt, výška riadku bude takisto 80pt. Pri použití s tvarmi nám tento pomer 1:1 zabezpečí výraz stavania slov na seba.

Nižšie uvádzame veľkosti odporúčané pre bežné formáty. V prípade potreby zvýraznenia používame písmo v reze Bold. Pre čitateľnosť textu je dôležité dodržať optimálnu dĺžku riadku 45–90 znakov.

Správne formátovanie jednotlivých úrovní je dôležité pre jednoduchú orientáciu v texte a jeho čitateľnosť.

Printový formát– dokument A4 (210×297 mm)

Alternatívne písmo

Ak nie je z akýchkoľvek príčin možné použiť primárne písmo SDA – Epiloque, používame alternatívne písmo.

Ako alternatívne písmo používame také písmo, ktoré je predinštalované na všetkých počítačoch:

• Na počítačoch s operačným systémom MAC OS použijeme písmo Helvetica.
• Na počítačoch Windows použijeme písmo Arial.

 

 

Updated 2021/01/19

Vizuálny štýl

Stavanie argumentov – stavanie tehliciek

Vo vizuálnom štýle reprezentujeme jeden zo základných princípov debaty a to je stavba argumentov. Vo vizuáloch kombinujeme text s tvarmi ktoré hravou formou spájame.

Zakladne tvary

Pracujeme so piatimi základnými tvarmi, ktoré kombinujeme podla potreby vizuálu. Na jednom vizuále dodržiavame jednotnú optickú výšku tvarov, jeden by nemal byť výrazne vyšší ako ostatné. Pri zaoblenom obdĺžniku môžeme meniť jeho dĺžku ak to vizuál vyžaduje. Môžeme meniť farby tvarov, pričom vyberáme z primárnych alebo sekundárnych farieb SDA.

Tvary môžeme používať aj ako obrysy. Použitie obrysov je doporučené pri použití s firmami, alebo dospelejším publikom.

Ako pouzivat tvary

Tvary používame v kombinácii s písmom.

Zakladne pravidla vizualu

Príklady ako správne komponovať, tvary s typografiou a logom.

Pri formáte na šírku môžeme využiť kompozíciu po stranách aby sme efektívne využívali priestor.

Ako skladat tvary s textom

Tvary spolu s textom majú tvoriť kompaktný celok. Vyzužívame pravidlo gravitácie, teda umiesňujeme tvary s textom na spodnú hranu vizuálu a budujeme ich ako tehličky.

Pravidlá skladania:

• využívame gravitáciu
• používame maximálne dva tvary vedľa seba
• opticky vyvažujeme text s tvarmi, tzn. nepoužívame všetky tvary na jednej strane alebo na kope ale rozhodíme ich medzi slová rovnomerne
• na jednom vizuále vyžívame rozličné tvary, snažíme sa vyhnúť rovnakým tvarom na jednom vizuáli, ak to nejde, použijeme pre rovnaký tvar rozličné farby
• dbáme na kontrast medzi farbou tvaru a farbou pozadia, ak tvar splýva s pozadím, zvolíme inú farbu

Skladanie tvarov s písmom

• tvary ukotvujeme na základňu písma (výnimkou je kruh a hviezda, kde by mala spodná hrana pretŕčať kvôli optickému zarovnaniu)
• medzi tvarmi a písmom nechávame medzery ako keby išlo o slová
• výšku tvarov používame rovnakú ako výšku kapitálok v texte
• pri nadpisoch používame veľkosti písma rovnaké ako výška riadku tzn. ak je výška písma 170pt aj veľkosť riadku bude 170pt.

Rozlisenie podznaciek pri obsahu

Jednotlivé aktivity SDA rozlišujeme v komunikácii farebnými pozadiami, čím uľahčujeme rozlíšitelnosť.

Pouzitie fotografii

Tvary používaťme tiež ako výrezy pre fotografie.

Updated 2021/01/19

Ikony

Pri tvorbe ikon sa držíme jednoduchých pravidiel aby sme zachovali konzistentnosť v komunikácii.

Pravidlá pre tvorbu ikoniek:

• Používame obrys, nie celé plochy
• zachovávame jednotnú hrúbku obrysu linky
• ikony musia byť zrozumiteľné a jasne odčítateľné
• zachovávame jednotnú zložitosť kresby, nie príliš minimalistické ani príliš zložité
• používame jednotný štýl, kladieme dôraz na konzistentnosť

Updated 2021/01/19

Online – Príklady použitia vizuálneho štýlu

Webstránka

Desktop verzia

Mobilná verzia

Facebook

Animácie

Newsletter

Updated 2021/01/19

Printové formáty – príklady použitia vizuálneho štýlu

Handout

Ponuka pre firmy

Cenová ponuka pre firemný debatný klub

Rollup

Updated 2021/02/05

Systém subbrandov

Prehľad

Z loga Slovenskej debatnej asociácie odvodzujeme systém pre subbrandy, čo sú jednotlivé aktivity ako napr. Stredoškolská debatná liga, Verejné debaty a pod. ktoré fungujú ako samostatné celky, eventy alebo skupiny, ale zastrašuje ich Slovenská debatná asociácia.

Logá subbrandov konštruujeme z primárneho loga SDA, kde zachovávame symbol a typografiu. Na prvé miesto v textovej časti pridáme identifikátor SDA a do dalšieho riadku píšeme názov subbrandu.

Rozlišovanie subbrandov

Subbrand fungue so svojím vlastným logom a vlastnou farbou, ktorú primárne používame v pozadí.

Updated 2021/02/05

Na stiahnutie

---

---

---