Ú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ť
Logo a podznačky
Na základe vizuálneho systému loga STARZ je možné upraviť aj vzhľad ostatných podznačiek. Prvou realizovanou zmenou prešla Mestská plaváreň Pasienky, pričom ostatné podznačky sú zatiaľ len návrhom pre možné budúce úpravy.
Príklad štylizácie podznačiek (značky kúpaliska, behu a kempingu sú 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
Mestské kúpaliská a Zlaté Piesky
Značky Mestské kúpaliská a Zlaté Piesky vychádzajú zo systému vizuálnej identity STARZ. Obe značky používajú v logu grafický prvok vlniek. Na oba tieto logotypy sa vzťahuje rovnaký súbor pravidiel a princípov. Podrobný systém ich použitia je vysvetlený v nasledujúcich kapitolách.
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.
Zakázaná manipulácia s logom
Je zakázané:
- Odoberať prvky loga
- Meniť jeho farebnosť
- Upravovať kompozíciu loga
- Meniť prvky loga
Farebnosť
Farebnosť podznačiek vychádza z farebnej palety materskej značky STARZ. Primárne sa používa modrá farba v kombinácii s bielou typografiou. V špecifických prípadoch je možné použiť doplnkovú farebnosť najmä na komunikáciu notifikácií, upozornení alebo výstrah.
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 normálna verzia slúži na bežný text. Na zvýraznenie v texte je možné použiť jeho naklonenú italic verziu.
Pri nadpisoch sa používa základná hodnota určená pre značku. Pri variantoch logotypu je možné opticky vyvážiť šírku a hrúbku písma v samostatných riadkoch tak, aby boli názvy opticky harmonické. Použité rezy z rodiny Acumin VF sú zvýraznené modrou farbou.
Použité parametre textového písma sú zvýraznené modrou.
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. 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 vychádza zo systému vizuálnej identity STARZ. V logu využíva grafický prvok plaveckých pásov, ktorý je kľúčovým znakom celkovej identity. Na tento logotyp sa vzťahuje súbor pravidiel a princípov, ktorých podrobné použitie je vysvetlené v nasledujúcich kapitolách.
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.
Zakázaná manipulácia s logom
Je zakázané:
- Odoberať prvky loga
- Meniť jeho farebnosť
- Upravovať kompozíciu loga
- Meniť prvky loga
Farebnosť
Farebnosť podznačiek vychádza z farebnej palety materskej značky STARZ. Primárne sa používa modrá farba v kombinácii s bielou typografiou. V špecifických prípadoch je možné použiť doplnkovú farebnosť najmä na komunikáciu notifikácií, upozornení alebo výstrah.
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 normálna verzia slúži na bežný text. Na zvýraznenie v texte je možné použiť jeho naklonenú italic verziu.
Pri nadpisoch sa používa základná hodnota určená pre značku. Pri variantoch logotypu je možné opticky vyvážiť šírku a hrúbku písma v samostatných riadkoch tak, aby boli názvy opticky harmonické. Použité rezy z rodiny Acumin VF sú zvýraznené modrou farbou.
Použité parametre textového písma sú zvýraznené modrou.
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. 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