Úvod

Toto je manuál k vizuálnej identite Istropolisu. Vizuálna identita podporuje cieľ vybudovať krásnu a funkčnú značku Istropolisu ako destinácie a tento manuál zabezpečuje to, že bude komunikácia destinácie Istropolis konzistentná naprieč všetkými online a offline kanálmi. Ide o modulárnu identitu, systém, ktorý značke umožní rásť a komunikovať dlhodobo. Tento manuál slúži ako návod a usmernenie pre interných a externých spolupracovníkov či dodávateľov, ktorí budú pre Istropolis pripravovať akékoľvek vizuálne materiály. 

Rovnako, ako sa v čase bude vyvíjať vizuálna identita, je potrebné aktualizovať aj tento manuál, aby dokázal vyhovieť meniacim sa existujúcim či novovznikajúcim požiadavkám značky. 

Tento manuál vypracovalo štúdio Milk. 

Základné prvky vizuálnej identity

Medzi základné prvky vizuálnej identity patrí:

• Logotyp a symbol
• Písmo – Ide o primárny identifikačný prvok značky. Reprezentuje názov a vizuálnu podstatu Istropolisu. 
• Farebnosť – Farebná paleta sa k viaže k emócii či pocitu zo značky. Ich správne a adekvátne použitie v kontexte komunikovaného message-u je kľúčové.
• Ilustrácie – Ilustrácie a ilustračný štýl podporujú svojráznosť značky, dodávajú jej originalitu, hravosť, či výraz. 
• Označenia – Sú podpornými grafickými prvkami značky. Uľahčujú orientáciu alebo komunikujú funkciu.  

Každý z prvkov zastáva dôležitú funkciu a spolu tvoria základ pre rozpoznateľnosť a konzistentnosť značky. Utvárajú vizuálny jazyk, ktorý odráža charakter a hodnoty značky ale aj štýl komunikácie.  

Logo

Istropolis

Hlavné logo Istropolisu projekt reprezentuje ako mestskú destináciu. Miesto, kde sa všetci stretneme. Logo v sebe spája všetky hlavné funkcie destinácie – prácu, bývanie aj kultúru. Hlavné logo slúži na všeobecnú komunikáciu Istropolisu ako takého, teda pre prípady, kedy sa venujeme destinácii či všetkým funkciám spolu. Pri práci s logom je nutné dodržiavať stanovenú farebnosť a typografiu. 

Rôznorodosť funkcií, ktoré Istropolis ponúka však vyžaduje aj vrstevnatú a v mnohých prípadoch aj samostatnú komunikáciu týchto funkcií. Pre tieto účely má každá podznačka: Istropolis Práca, Istropolis Bývanie aj Istropolis Kultúra, svoje vlastné logo, stanovenú farebnosť aj typografiu. 

Podznačky Istropolis Práca, Istropolis Bývanie a Istropolis Kultúra sa zameriavajú na konkrétne tematické oblasti, ktoré komunikujú samostatne. Pri každej z nich je zachovaná jednotná farebnosť a typografia podľa stanovených pravidiel.

Konštrukcia loga

Konštrukcia loga

Základ logotypu tvoria namieru vytvorené znaky v horizontálnej kompozícii. 

Ochranná zóna

Ochranná zóna je minimálny priestor okolo logotypu, ktorý ho oddeľuje od iných grafických prvkov a do ktorého nesmú byť umiestnené žiadne iné grafické alebo typografické prvky. Ide o najmenšiu možnú vzdialenosť od ďalších prvkov, značiek partnerov, motívov, prípadne vzdialenosť od okraja plochy, na ktorú je značka aplikovaná. Ochrannou zónou logotypu je výška znaku „I“.

Minimálna veľkosť

Minimálna veľkosť logotypu pre offline použitie je 2,5 cm, pre online 250 px, prípadne veľkosť, pri ktorej je ešte možné logotyp reprodukovať bez toho, aby sa zlievali znaky logotypu. Pri každej aplikácii logotypu je nutné prihliadať k technike reprodukcie a povahe aplikovaného média.

Layout

Grid: Columns 6, Margin 55 px, Gutter 20px

Umiestnenie logotypu

Preferovaná verzia umiestnenia logotypu je na celú šírku formátu.

Ak to formát alebo obsah neumožňuje môžme aplikovať logotyp na polovicu alebo tretinu formátu.

Práca s fotografiou

Fotografia je dôležitým nositeľom vizuálneho charakteru značky a dotvára charakter vizuálnej komunikácie. S fotografiou a vizualizáciami je nutné pracovať tak, aby sa s prvkami identity navzájom nerušili a aby sa navzájom symbioticky dopĺňali. Fotografie a vizualizácie zhotovujeme a používame také, ktoré najlepšie vystihujú charakter a kvality projektu Istropolis a zdôrazňovali jeho celomestský význam. Zobrazujeme také námety, objekty či ľudí, ktorí podporujú hodnoty značky.

Pri práci s fotografiou používame vždy zaoblené rohy, ktoré percentuálne zväčšujeme. Zaoblenie rohov, ktoré vychádza z bodky, základného stavebného prvku loga a Istropolis typografie. 
Formát: 1080×1080 radius 15.

Pre zvýšenie kontrastu medzi textom a fotografiou používame gradientovú čiernu plochu ktorej opacitu upravujeme podľa poterby na  5% – 20% .

Škálovanie formátu

Vizuál sa prispôsobuje podľa množstva obsahu. Fotografia môže buď presahovať spadávku, alebo ju umiestňujeme na farebné pozadie, pričom jej umiestnenie sa upravuje v závislosti od layoutu. V prípade potreby je možné na formát umiestniť aj viacero fotografií.

Zhrnutie

Písmo

Typografia je kľúčovým nositeľom vizuálnej identity. Určuje charakter písanej komunikácie a pomáha doručiť informácie klientovi/návštevníkovi či zdôrazniť podstatu komunikovanej informácie. Značka Istropolis obsahuje tri typy písma: na mieru navrhnuté brandové písmové znaky, textové písmo, zástupné textové písmo. 

Brandové písmové znaky

Základnú písmovú rodinu značky tvoria na mieru navrhnuté písmové znaky. Slúžia ako nadpisové písmo v tlačových aj digitálnych výstupoch. Písmová sada obsahuje tri rezy: Istropolis Light (pre oblasť Práce), Istropolis Medium (pre Bývanie) a Istropolis Mix (pre Kultúru a komunikáciu destinácie).

Škálovanie typografie

Nadpisové písmo škálujeme v závislosti od komunikačnej kategórie. Slová, ktoré chceme podčiarknuť alebo zvýrazniť, označujeme písmovým znakom ‚O‘ s bodkou alebo viacerými bodkami.

Použitie jedného rezu písma. Počiarkujeme s ‚O‘ s bodkou alebo viacerými bodkami.

Kombinujeme dva rezy písma. Počiarkujeme s ‚O‘ s bodkou alebo viacerými bodkami.

Kombinujeme dva rezy písma. Bold rez písma používame v komunikácii Istropolisu a kultúry len vtedy, keď chceme podporiť dynamiku vizuálu. Počiarkujeme s ‚O‘ s bodkou alebo viacerými bodkami.

Používame kombináciu rôznych znakov.

Počiarkujeme vypneným symbolom O.

Práca s kompozíciou písma

Text je vždy kompozične zarovnaný s hranou formátu. Maximálna dĺžka nadpisov je 3 až 6 slov.

Veľkosť písma stanovujeme dvomi spôsobmi:

A. podľa kompozície layoutu
B. použitím rovnakej veľkosti, akú má logotyp Istropolisu na celú šírku formátu

Textové písmo

Na komunikáciu značky používame textovú písmovú rodinu TWK Lausanne od písmolejárne Weltkern Type Foundry. Je určená na sádzanie dlhších textových blokov a doplnkových informácií v kľúčových vizuáloch. Uplatňuje sa naprieč tlačenými aj digitálnymi výstupmi.

Systémové písmo

Písmo Ppužívame v prípade, kedy nie je možné použiť hlavné textové písmo. Napríklad v dokumentoch MS Word či Mailchimp.

Farebnosť

Farebná paleta sa k viaže k emócii či pocitu zo značky. Ich správne a adekvátne použitie v kontexte komunikovaného message-u je kľúčové. Farebná paleta značky Istropolis je pestrá, svetlá a živá. Umožňuje nám pracovať s výraznými farebnými plochami, no zároveň, ak je potrebné komunikáciu utíšiť, vieme použiť tlmenejšie odtiene či farebné akcenty.

Farebné témy

Istropolis

Hlavnou, dominantnou farbou značky Istropolis je žltá, ktorú používame naprieč všetkými formátmi a komunikačnými kanálmi. Žltá farba sa viaže ku všeobecnej komunikácii, kedy komunikujeme Istropolis ako destináciu či viaceré jej funkcie naraz. Doplnkové farby používame podľa potreby, v závislosti od situácie a povahy vizuálneho obsahu či ostatných vizuálnych prvkov, ktoré farby dopĺňajú.  

Práca

Bývanie

Kultúra

Komunikácii, ktorá pokrýva tému kultúry, predstavenie kultúrnej haly a následne (o niekoľko rokov) aj komunikáciu eventov či programu dominuje fialová farba. ktorá dominuje vo všetkých formátoch pokrývajúcich túto tematickú odnož komunikácie. Doplnkové farby používame podľa potreby, v závislosti od situácie a povahy vizuálneho obsahu či ostatných vizuálnych prvkov, ktoré farby dopĺňajú. V komunikácii kultúry sme odvážni a hraví najviac, môžeme si dovoliť pestré farebné kombinácie, voľnú prácu s layoutom a experimenty s typografiou. 

Špecifikácia farieb

Základná farebná paleta definuje vizuálnu identitu značky a zabezpečuje jednotný, ľahko rozpoznateľný vzhľad vo všetkých komunikačných výstupoch. Farby sa používajú konzistentne naprieč všetkými médiami – od tlačových materiálov až po digitálne prostredie.

Farebné kombinácie

Vizuálne prvky identity

Prvky identity, ako animovaný symbol, ilustrácie, piktogramy alebo výrazné číslice, dodávajú vizuálom dynamiku a variabilitu. Vďaka nim môžeme obsah flexibilne vrstviť a škálovať podľa kontextu komunikácie.

Symbol

Práca so symbolom

Symbol Istropolisu používame podľa potreby, vždy v kombinácii s logotypom. Používame najmä animovanú verziu, ktorá umožňuje vyniknúť vizuálu v pozadí. Ak nemôžme použiť animáciu, volíme čo najjednoduchší symbol s minimálnym prekrytím.

Animácia symbolu

Animáciu symbolu používame predovšetkým v kľúčových vizuáloch, vždy spolu s logotypom. Môže slúžiť ako doplnkový prvok na sociálnych sieťach, na webe alebo v prezentačných materiáloch, kde dodáva obsahu dynamiku. Animácia pracuje s rotujúcimi guličkami, ktoré postupne pribúdajú až do počtu zodpovedajúceho konkrétnemu symbolu, a potom ubúdajú, čím zostáva fotografia v centre pozornosti a divák má možnosť vidieť kompletný obraz.

Číslovky

V infografikách využívame číslovky nielen na sprostredkovanie údajov, ale aj ako výrazný vizuálny prvok.

Ukážka použitia čísloviek v prezentácii.

Ilustrácia

Ilustrácie a ilustračný štýl podporujú svojráznosť značky, dodávajú jej originalitu, hravosť, či výraz. Ilustrácie pre Istropolis vytvárame na mieru, v súlade s komunikovanou témou.

Ilustrácie vytvárame spájaním bodov do požadovaného tvaru. Odporúčame zvoliť jednoduchý a výstižný motív, ktorý metaforicky odráža ilustrovaný obsah.

Piktogramy

Piktogramy vytvárame na mieru, tak, aby čo najzrozumiteľnejšie komunikovali danú tému či funkciu. Na rozdiel od ilustrácii komponujeme piktogramy čisto, bez vytvárania grafického či výtvarného výrazu.

Piktogramy vytvárame pomockou guličkového strokeu.
Stroke: 15 pt
Dashed line: Dash 0 pt, Gap 19 pt

Škálovanie identity

Keďže je Istropolis projektom, ktorého výstavba je rozvrhnutá na niekoľko rokov a uvádzanie jednotlivých častí či funkcií bude postupné, je potrebné, aby vizuálna identita obstála v čase a mala čo ponúknuť aj po niekoľkých rokoch. Je preto nutné, aby bola komunikácia a “rozbaľovanie” vizuálnej identity mala vizuálnu gradáciu.

Identitu rozbaľujeme postupne od tichého až po hlučný vizuál.

Práca s vizuálom sa pohybuje na škále od minimalistických prístupov až po expresívne riešenia. Písmo a logotyp čerpajú z rozšírenej sady znakov, ktoré kombinujeme s výrazovými prvkami – od plného bodu, cez symbol a ilustráciu, vďaka čomu vzniká komplexný a bohato štruktúrovaný vizuál.

Aplikácie

Aplikácie značky sú rozdelené na digitálne, printové a outdoorové, pričom princíp práce s identitou zostáva vo všetkých prípadoch jednotný.

Digitálne a printové aplikácie

Základný grid pre tvorbu layoutov slúži na jednotné a konzistentné usporiadanie obsahu. Pomáha nám dodržiavať vizuálny štýl značky naprieč príspevkami, čím vytvára ucelený a prepojený vzhľad a zabezpečuje konzistentnú prácu s typografiou.

Ukážka, ako sa grafika mení podľa formátu: 1:1, 4:5, 9:16, 16:9
Columns 6, Margin 55 px, Gutter 20px (9:16 Top Margin 140px)

1. Hlavný príspevok
Pre nadpis používame Istropolis písmo: 85 px. Pre dodatočné informácie používame textové písmo TWK Lausanne 600: 50 pt a 35 pt (vyhradené na webový odkaz či krátku vetu).

2. Typografický príspevok
Pre nadpis používame Istropolis písmo: 85 px. V prípade, ak sú slová v nadpise krátke, môžme veľkosť písma prispôsobiť layoutu. Pre dodatočné informácie používame dve veľkosti textového písma TWK Lausanne 600: 50 pt a 35 pt (vyhradené na webový odkaz či krátku vetu).

3. Symbol
Veľkosť textového písma TWK Lausanne 600 používame: 35pt.

4. Číselný príspevok
Veľkosť textového písma TWK Lausanne 600 používame: 50pt. Čísla majú výšku: 470 px.

5. Bentobox príspevok
Veľkosť textového písma TWK Lausanne 600 používame: 50pt a 35pt pre bentoboxy. Bentoboxy umiestňujeme tak, aby zasahovali do obsahu vizuálu čo najmenej.

6. Ilustračný príspevok
Veľkosť textového písma TWK Lausanne 600 používame: 50pt. Označenia budov majú rovnakú výšku ako logotyp na šírku: 110 px.

Ďalšie ukážky ilustračných príspevkov.

Ukážky príspevkov na Instagrame

Príspevky navrhujeme tak, aby spolu vytvárali dynamický celok a zároveň každý z nich vynikol a mal svoj priestor. Grafické prvky používame vyvážene.

Prezentácia

Základný grid pre tvorbu layoutov slúži na jednotné a konzistentné usporiadanie obsahu. Pomáha nám dodržiavať vizuálny štýl značky naprieč slajdami, čím vytvára ucelený a prepojený vzhľad a zabezpečuje konzistentnú prácu s typografiou.

Columns 13, Margin 65 px, Gutter 20px.

Ukážka, ako sa grafika prispôsobuje layoutu a ako vyzerajú infografiky či mapy.

Firemné a reklamné tlačoviny

Printové a reklamné tlačoviny – vizuálny štýl značky zostáva konzistentný, čo zaručuje jednotný a prepojený charakter komunikácie.

Outdoor

Ukážky využitia identity v outdoorových aplikáciách. Písmo Istropolis sa používa pri značení wayfinding systému aj na oplotení okolo stavebných objektov.

Na stiahnutie