Úvod
Tento dizajn manuál slúži ako praktická pomôcka pre všetkých, ktorý budú pracovať s logom alebo inými vizuálnymi prvkami značky STARZ. Bol vytvorený s cieľom zabezpečiť jednotnú a konzistentnú vizuálnu komunikáciu naprieč všetkými komunikačnými kanálmi. Preto je dôležité, aby boli tieto pravidlá dodržiavané a rešpektované.
Manuál definuje základné pravidlá používania loga, farieb, typografie a ďalších grafických prvkov. Je nástrojom, ktorý usmerňuje tvorbu grafických výstupov značky STARZ. Manuál nepokrýva všetky situácie ktoré môžu vzniknúť a je preto dôležité ho pravidelne dopĺňať a aktualizovať, aby bol vždy prispôsobený novým potrebám a slúžil ako pomôcka pri tvorbe grafických výstupov.
Logo
Nové logo STARZ vychádza z písma Acumin s namieru prispôsobeným malým písmenom „a“. Využíva horizontálne línie inšpirované vodiacimi líniami na rôznych športoviskách – bežecké dráhy, plavecké traťe, tenisové kurty. Je navrhnuté tak, aby bolo kompatibilné s vizuálnou identitou mesta Bratislavy.
Primárne logo
Primárne logo sa používa v bežnej offline a online komunikácii
Formálne logo
Vysvetluje význam značky STARZ a slúži na použitie na formálnych dokumentoch (napr. hlavičkový papier).
Logo so sloganom
Jeho súčasťou je slogan, vhodný na používanie v rámci aktívnych kampaní.
Príklady použitia logotypov
Zakázaná manipulácia s logom
Je zakázané:
- Odoberať prvky loga
- Upravovať prvky loga
- Deformovať logo
- Meniť jeho farebnosť
Podznačky
Na základe vizuálneho systému loga STARZ je možné upraviť aj vzhľad ostatných podznačiek. Pričom Silvestrovský beh je zatiaľ len návrhom pre možné budúce úpravy.
Základným zjednocujúcim prvkom materskej značky Starz a jej podznačiek je motív horizontálnych bielych liniek. Tento prvok plní funkciu vizuálneho rámca, zabezpečuje konzistentnosť naprieč značkami a zároveň vytvára jednoznačne rozpoznateľný identifikačný znak značky.
Príklad štylizácie podznačky silvestrovského behu je ilustračný
Línie v logu slúžia ako zjednocujúci prvok pre všetky podznačky.
Logá podznačiek STARZ pri umiestnení vedľa seba dodržiavajú pravidlo proporcií: dvojriadkové logo má rovnakú výšku ako logo STARZ, zatiaľ čo trojriadkové logo dosahuje jeho 1,5-násobok.
Logo a iné značky
Logo STARZ svojou hrúbkou ťahu vizuálne korešponduje s logom mesta Bratislavy. Pri ich spoločnom umiestnení preto dodržiavame pravidlo, podľa ktorého výška loga mesta Bratislavy vychádza z výšky písma v logu STARZ.
Logo STARZ a logo mesta majú pri umiestnení na formáte vedľa seba rovnakú výšku.
Na materáloch STARZ sa veľkosti podznačiek riadia jeho výškou.
Ochranná zóna
Ochranná zóna loga slúži na zabezpečenie jeho čitateľnosti a vizuálnej integrity tým, že okolo neho ponecháva dostatočný priestor bez rušivých prvkov.
Ochranná zóna jednoduchého loga STARZ.
Ochranná zóna zloženého loga STARZ.
Minimálna veľkosť
Minimálna veľkosť loga určuje jeho najmenší možný rozmer pre zachovanie správnej čitateľnosti v online a tlačovej aplikácii. V tlačových materiáloch má logo základnú výšku 16 mm, ktorá sa uplatňuje na formátoch A5, A4 a A3.
Najmenšia povolená veľkosť jednoduchého a zloženého loga v digitálnom a tlačovom formáte
Základná výška loga v printovej verzii je 16mm
Farebnosť
Farebnosť STARZ je inšpirovaná priestormi plavárne Pasienky, čím zabezpečuje vizuálnu kontinuitu medzi materskou značkou a jej podznačkami. Primárne využíva modrú farbu s bielou typografiou. V špecifických prípadoch sa môže použiť doplnková farebnosť na komunikáciu notifikácií, upozornení alebo výstrah.
Primárna modrá
RGB 0/57/104
CMYK 100/52/0/58
HEX 003968
Pantone 2955 C
Sekundárna modrá
RGB 0/106/182
CMYK 100/43/0/6
HEX 006AB6
Pantone 2196 C
Zvýrazňovacia modrá
RGB 138/212/245
CMYK 42/0/0/0
HEX 8AD4F5
Pantone 636 C
Biela
RGB 255/255/255
CMYK 0/0/0/0
HEX FFFFFF
Pantone –
Notifikačná zelená
RGB 19/118/106
CMYK 80/10/54/23
HEX 13766A
Pantone 2233 C
Upozorňujúca žltá
RGB 212/168/56
CMYK 0/29/100/1
HEX D4A838
Pantone 124 C
Výstražná červená
RGB 135/24/44
CMYK 2/97/43/33
HEX 87182C
Pantone 194 C
Odtiene farieb
Odtiene farieb zosvetľujeme na rozšírenie farebného spektra primárnych farieb a ich flexibilnejšie využitie v dizajne.
Typografia
Brandovým písmom STARZ je sans-serifové písmo Acumin. V kondenzovanej podobe sa používa na nadpisy, zatiaľ čo normálna verzia slúži na bežný text. Na zvýraznenie v texte je možné použiť jeho naklonenú italic verziu.
Základné písmo značky
Variabilita písma Acumin umožňuje prácu s rôznymi šírkami a hrúbkami znakov, čo zabezpečuje jednoduchšiu tvorbu vizuálne čistých a prehľadných textových kompozícií.
Acumin je variabilná sans-serifová rodina písma, ktorá umožňuje upravovať hrúbku, šírku a sklon znakov.
Písmo v nadpisoch a logotypoch
Pri nadpisoch sa používa základná hodnota vybraná pre značku. Pri logotyp variantoch je možnosť opticky balancovať šírku a hrúbku písma v samostatných riadkoch tak, aby sme ich vedeli zarovnávať do bloku. Použité rezy Acumin VF rodiny sú zvýraznené modrou.
Premenné parametre písma Acumin použiteľné pre logotypy
Textové písmo
Použité parametre textového písma sú zvýraznené modrou.
Ikonografia
Ikonografia STARZ je monolineárna, nadväzuje na vizuálny princíp identity STARZ. Ikony musia byť jednoduché, vizuálne čisté a zachovávať si jednotnú hrúbku línií, čím sa zabezpečí ich konzistentnosť.
Príklad použitia piktorgramov v navigačných prvkoch plavárne spolu s typografiou
Príklad štylizácie piktogramov
Layout
Printové formáty využívajú 6-stĺpcovú mriežku, ktorý zabezpečuje konzistentnú a vyváženú kompozíciu. Okraje sú odvodené z výšky loga STARZ, pričom jeho základná výška pre tlačové materiály je 16 mm. Medzery medzi stĺpcami sú pri formáte A5 4 mm a pri formátoch A4 a A3 8 mm. Táto mriežka umožňuje flexibilné usporiadanie prvkov pri zachovaní vizuálnej jednotnosti.
Mriežka pre tvorbu layoutov na výšku a šírku
Výška loga pri formátoch A5, A4 a A3 je 16 mm. Veľkosť okrajov formátu je odvodená od rozmerov loga.
Ukážky použitia mriežky.
Layout pre sociálne siete
Layout pre sociálne siete využíva 6-stĺpcovú mriežku s 8 riadkami, čo umožňuje flexibilné usporiadanie prvkov pri zachovaní vizuálnej konzistencie. Preddefinované veľkosti písma zabezpečujú jednotný vzhľad obsahu, zatiaľ čo mriežka poskytuje stabilnú štruktúru pre rôzne typy vizuálov.
Mriežka pre tvorbu layoutov na sociálnych sieťach.
Stanovené veľkosti písma pre sociálne siete.
Ukážka použitia mriežky na Instagramovom poste.
Ukážka použitia mriežky na Instagramovej story.
Fotografia
Fotografie musia byť v dostatočne veľkom rozlíšení, vizuálne a kompozične zaujímavé a harmonicky ladiť s farebnosťou značky. Pri použití textu cez fotografiu je dôležité zachovať dostatočný kontrast pre správnu čitateľnosť. Fotografie vkladáme do formátov ako výrez alebo celoplošne, v plnofarebnom prevedení či s farebnou vrstvou.
Aplikácie
Aplikácie sú ukážkou, ako je možné s identitou pracovať na rôznych predmetoch, a slúžia ako inšpirácia pre jej konzistentné využitie v praxi.
Podznačky
Vizuálne prvky podznačiek Starz
Rôznorodosť podznačiek, ktoré značka Starz ponúka si vyžadujú samostatnú komunikáciu. Pre tieto účely má každá novo navrhnutá podznačka: svoje vlastné logo a svoje charakteristické prvky pričom všetky výchadajú zo systému vizuálnej identity STARZ.
Linky v logu
Základným zjednocujúcim prvkom materskej značky Starz a jej podznačiek je motív horizontálnych liniek. Logá obsahujú linky, ktoré tvoria pevný vizuálny rámec a zabezpečujú konzistentnosť naprieč značkami a zároveň vytvárajú jednoznačne rozpoznateľný identifikačný prvok.
Škálovanie liniek
Zjednocujúci prvok linky používame ako metaforu ktorou zdôrazňujeme funkciu podznačky. Linky dodržiavajú jednotnú hrúbku 7 pt a ohraničujú logo zhora aj zdola.
Typografia
Brandovým písmom pre všetky podznačky STARZ je sans-serifové písmo Acumin. V kondenzovanej podobe sa používa na nadpisy, zatiaľ čo štandardná verzia slúži na bežný text. Na zvýraznenie v texte je možné použiť jeho naklonenú italic verziu.
Výber rezu písma pre podznačky
Pri variantoch podznačiek je možné opticky vyvážiť šírku a hrúbku písma v samostatných riadkoch tak, aby boli názvy opticky harmonické. Používajú sa rezy ktoré sú zvýraznené modrou farbou.
Výber rezu písma pre texty
Použité parametre textového písma sú zvýraznené modrou.
Ukážka práce s písmom pre offline a online použitie.
Písmo podznačiek vychádza z farebnej palety materskej značky STARZ.
Farebnosť
Primárne používame modrú farbu v kombinácii s bielou typografiou. V špecifických prípadoch je možné použiť aj doplnkovú farebnosť či už na komunikáciu notifikácií, upozornení, výstrah alebo na sociálnych sieťach ako farebné pozadie, ak si to vyžaduje samotná téma.
Farebnosť podznačiek vychádza z farebnej palety materskej značky STARZ.
Mestské kúpaliská a Zlaté Piesky
Značky Mestské kúpaliská a Zlaté Piesky používajú v logu grafický prvok – vlniek. Na oba tieto logotypy sa vzťahuje rovnaký súbor pravidiel a princípov. Obe značky vychádzajú zo systému vizuálnej identity STARZ.
Logá
Ochranná zóna
Ochranná zóna loga slúži na zabezpečenie jeho čitateľnosti a vizuálnej integrity tým, že okolo neho ponecháva dostatočný priestor bez rušivých prvkov.
Konštrukcia loga
Logo sa skladá z názvu a horizontálnych línií vlniek. Dĺžka vlniek sa môže meniť a závisí od dĺžky názvu, avšak vlnky by mali vždy dĺžku názvu presahovať. Dolná vzdialenosť vlnky od názvu predstavuje 55 % výšky hornej vzdialenosti. Dodržiavame jednotnú kompozíciu aj pri ďalších variantoch loga.
Hierarchia veľkostí log
Logá podznačiek STARZ pri umiestnení vedľa seba dodržiavajú pravidlo proporcií: dvojriadkové logo má rovnakú výšku ako logo STARZ, zatiaľ čo trojriadkové logo dosahuje jeho 1,5-násobok.
Minimálna veľkosť loga
Minimálna veľkosť loga určuje jeho najmenší možný rozmer pre zachovanie správnej čitateľnosti v online a tlačovej aplikácii. V tlačových materiáloch má logo základnú výšku 20 mm, ktorá sa uplatňuje na formátoch A5, A4 a A3.
Trojriadkové logo
Dvojriadkové logo
Ukážka komunikácie
Layout pre sociálne siete využíva 6-stĺpcovú mriežku s 8 riadkami, čo umožňuje flexibilné usporiadanie prvkov pri zachovaní vizuálnej konzistencie. Mriežku a presné hodnoty písmovej hierarchie nájdete v sekcii Sociálne siete materskej značky STARZ.
Plaváreň Pasienky
Značka Mestská plaváreň Pasienky v logu využíva grafický prvok plaveckých pásov, ktorý je kľúčovým znakom celkovej identity. Značka vychádza zo systému vizuálnej identity STARZ.
Logo
Ochranná zóna
Ochranná zóna loga slúži na zabezpečenie jeho čitateľnosti a vizuálnej integrity tým, že okolo neho ponecháva dostatočný priestor bez rušivých prvkov.
Konštrukcia loga
Logo sa skladá z názvu plavárne a horizontálnych línií plaveckých pruhov. Dolná vzdialenosť pruhu od názvu predstavuje 88 % výšky hornej vzdialenosti.
Hierarchia veľkostí log
Logá podznačiek STARZ pri umiestnení vedľa seba dodržiavajú pravidlo proporcií: dvojriadkové logo má rovnakú výšku ako logo STARZ, zatiaľ čo trojriadkové logo dosahuje jeho 1,5-násobok.
Minimálna veľkosť loga
Minimálna veľkosť loga určuje jeho najmenší možný rozmer pre zachovanie správnej čitateľnosti v online a tlačovej aplikácii. V tlačových materiáloch má logo základnú výšku 20 mm, ktorá sa uplatňuje na formátoch A5, A4 a A3.
Ukážka komunikácie
Layout pre sociálne siete využíva 6-stĺpcovú mriežku s 8 riadkami, čo umožňuje flexibilné usporiadanie prvkov pri zachovaní vizuálnej konzistencie. Mriežku a presné hodnoty písmovej hierarchie nájdete v sekcii Sociálne siete materskej značky STARZ.
Ikonografia a wayfinding
Wayfinding systém je navrhovaný pomocou mriežky, ktorá zabezpečuje vhodnú hierarchiu medzi typografiou a ikonografiou. Ukážky uvedené nižšie slúžia ako príklad a návod, ako pracovať s vizuálnou podobou navigačných tabúľ a polepov v priestore.
Monolinárne ikony sú zostavené zo základných geometrických tvarov. Pri ich tvorbe dbáme na vyváženú mieru abstrakcie tak, aby boli vizuálne zjednotené, no zároveň ľahko rozpoznateľné a čitateľné.
Ukážka kontrastu písma a ikonografie
Hlavný nadpis v dvojriadkovej tabuľke má dvojnásobnú výšku podnadpisu. Tabuľky konštruujeme na mriežke, ktorá zaisťuje rovnomerné rozvrhnutie jednotlivých prvkov. Duktus ikonografie sa riadi kontrastom v podnadpise, čím sa dosahuje konzistentnosť v celkovom vizuálnom štýle.
Aplikácie
Polep vstupu do plavárne
Polep vstupu do plavárne pracuje s grafickým prvkom plaveckých pruhov odvodených z loga. Tieto pruhy je možné zväčšovať a prispôsobovať podľa konkrétneho umiestnenia a priestoru.
Medzi jednotlivými pruhmi vzniká voľný priestor, ktorý je možné využiť na umiestnenie „rozplávaného“ názvu plavárne alebo doplňujúcich informácií.
Obrázok slúži ako ukážka možného použitia
Mestké športové haly
Podznačky Mestská športová hala Pionierska a Harmincova v logu využívajú grafický prvok hracích čiar (ohraničujúcich ihrisko v hale), ktoré sú kľúčovým znakom celkovej identity. Obe podznačky vychádzajú zo systému vizuálnej identity STARZ.
Logá
Mestská športová hala Pionierska
Prerušovanou linkou zdôrazňujeme slovo “Mestská“ zvyšok loga tvoria plné čiary.
Mestská športová hala Harmincova
Prerušovanou linkou zdôrazňujeme slovo “Mestská“ zvyšok loga tvoria plné čiary.
Ochranná zóna a konštrukcia loga
Ochranná zóna
Ochranná zóna loga slúži na zabezpečenie jeho čitateľnosti a vizuálnej integrity tým, že okolo neho ponecháva dostatočný priestor bez rušivých prvkov.
Konštrukcia loga
Logo sa skladá z názvu haly a horizontálnych línií –hracích čiar. Pričom prerušovanou čiarou zdôraňujeme slovo “Mestská‘‚. Dolná vzdialenosť pruhu od názvu predstavuje 88 % výšky hornej vzdialenosti.
Logá podznačiek STARZ pri umiestnení vedľa seba dodržiavajú pravidlo proporcií: dvojriadkové logo má rovnakú výšku ako logo STARZ, zatiaľ čo trojriadkové logo dosahuje jeho 1,5-násobok.
Minimálna veľkosť loga
Minimálna veľkosť loga určuje jeho najmenší možný rozmer pre zachovanie správnej čitateľnosti v online a tlačovej aplikácii. V tlačových materiáloch má logo základnú výšku 20 mm, ktorá sa uplatňuje na formátoch A5, A4 a A3.
.
Ukážka komunikácie
Layout pre sociálne siete využíva 6-stĺpcovú mriežku s 8 riadkami, čo umožňuje flexibilné usporiadanie prvkov pri zachovaní vizuálnej konzistencie. Mriežku a presné hodnoty písmovej hierarchie nájdete v sekcii Sociálne siete materskej značky STARZ.
Práca s typografiou
V typogfrafických príspevkoch použivame plné farebné pozadie ktoré je vždy dostatočne kontrastné s bielym textom. Ako doplnkový ilustračný prvok používame prerušovanú alebo plnú bielu linku (hrúbka: 5,5 pt). Linky nám pomáhajú dotvárať vizuál a tvoriť písmovú hierarchiu v príspevku.
Práca s fotkou
Fotografiú sa používame na celú spadávku formátu. Na zabezpečenie dostatočného kontrastu medzi textom a pozadím používame 10–20% opacity čiernej farby.
