Brand Guidelines

Version zo dňa 14.10.2021

Updated 2022/02/10

Aktualizácie

Aktualizácia zo dňa 2.2.2022:
– Partners červená farba (úpravy pri Pantone Coated a Uncoated kódoch)
– Svetlo modrá farba (úpravy pri RGB a HEX kódoch)

Aktualizácia zo dňa 14.10.2021:
– Partners strieborná farba (úpravy pri RGB & HEX & Pantone Uncoated kódoch)
– farby sub-brandov (úpravy pri CMYK & RGB & HEX kódoch)

Updated 2021/08/09

Úvod

Ako ho používať

Toto je manuál vizuálnej identity pre značku Partners. Jeho cieľom je zjednotiť vizuálnu komunikáciu značky naprieč všetkými online aj offline kanálmi. Slúži zamestnancom aj externým dodávateľom ako príručka k tvorbe vizuálnych materiálov a je veľmi dôležité, aby ho dôsledne dodržiavali všetci, ktorí sa na ich príprave podieľajú. 

Manuál nie je odpoveďou na všetky otázky o komunikácii, no obsahuje 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. Len tak môže manuál spĺňať svoju funkciu – pomáhať pri tvorbe nových, či úprave existujúcich formátov – dlhodobo. 

Manuál vypracovalo Milk Studio.

Základné elementy značky

sú to, čo značku definuje, reprezentuje a robí nielen spoznateľnou, ale aj nezameniteľnou. Pri ich používaní 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.

Logo
Logo je základným identifikačným prvkom značky. Používame ho všade, kde je to možné, a to v predpísanej podobe.

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

Písmo
Písmo je spolu s logom a farebnosťou dôležité pre identifikáciu značky. Používame ho všade, kde je to možné, v jednotnej podobe.

Doplnkové elementy značky

Doplnkové elementy rozširujú paletu základných elementov značky a pomáhajú tak utvárať značku Partners ešte viac rozpoznateľnou.

Rám – hlavný grafický element 
Je prvok, ktorý drží vizuálnu komunikáciu konzistentnú naprieč formátmi rôznych veľkostí – vďaka jeho modulárnosti.

Nálepky – Sekundárny grafický element
Nálepky slúžia na zvýraznenie želaných textových informácií.

Modulárny layout
Je založený na vyskladávaní formátu z grafických elementov (rám, fotografia/plnofarebný objekt), ktoré sú modulárne a majú presne špecifikovaný charakter.

Updated 2022/02/10

Farebnosť

Používanie farieb je dôležitým aspektom identity Partners. Základné farby sú Partners červená, Partners strieborná, Partners biela, Partners sivá a ich variácie v gradientoch.

Na použitie v tlači sú určené priame farby Pantone®, ako aj procesné farby CMYK. Špecifikácie RGB a HTML sa používajú s online a webovými rozhraniami a poskytujú konzistentný vzhľad.

Základná farebnosť

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

Partners červená
RGB — 171 5 52
CMYK — 24 100 72 15
HEX — #AB0534
PANTONE — 1945 U
PANTONE — 194 C

Partners strieborná
RGB — 152 159 167
CMYK — 44 32 28 0
HEX — #989FA7
PANTONE — 429 U
PANTONE — 429 C

Partners biela
RGB — 255 255 255
CMYK — 0 0 0 0
HEX — #FFFFFF


Červená svetlá
RGB — 205 109 128
CMYK — 18 68 32 0
HEX — #CD6D80
PANTONE — 204 U
PANTONE — 204 C

Partners červená
171 5 52
24 100 72 15
#AB0534
PANTONE — 1945 U
PANTONE — 194 C

Partners sivá
RGB — 77 77 77
CMYK — 67 59 55 37
HEX — #4D4D4D
PANTONE — 426 U
PANTONE — 425 C

Svetlo sivá
RGB — 236 237 237
CMYK — 9 6 6 0
HEX — #ECEDED
PANTONE — 427 U
PANTONE — 427 C

Partners strieborná
152 159 167
44 32 28 0
#989FA7
PANTONE — 429 U
PANTONE — 429 C

Partners Svetlo sivá
RGB — 236 237 237
CMYK — 9 6 6 0
HEX — #ECEDED
PANTONE — 427 U
PANTONE — 427 C

Doplnková farebnosť

Doplnková farebnosť neslúži ako náhrada za základnú farebnosť značky. Používame ju na zvýraznenie potrebnej informácie na doplnkových grafických elementov. 

Tmavá modrá
RGB — 0 48 73
CMYK — 97 77 42 44
HEX — #00349
PANTONE — 540 U
PANTONE — 534 C

Svetlá žltá
RGB — 255 243 176
CMYK — 1 2 40 0
HEX — #FFF3B0
PANTONE — 7499 U
PANTONE — 7499 C

Svetlá modrá
RGB — 193 218 231
CMYK — 23 6 5 0
HEX — #C1DAE7
PANTONE — 649 U
PANTONE — 649 C

Svetlá zelená
RGB — 203 217 196
CMYK — 25 7 26 0
HEX — #CBD9C4
PANTONE — 621 U
PANTONE — 621 C

Farebné kombinácie

Updated 2021/10/06

Písmo

Písmo patrí medzi hlavné prvky značky. V rámci komunikácie značky Partners ich používame na vytvorenie uceleného a konzistentného prejavu. Preto je potrebné, aby sme navrhnuté písmo používali vždy, kedy je to možné, v jednotnej podobe. 

Pre udržanie konzistentej vizuálnej komunikácie oporúčame používať len nižšie spomenuté rezy písem z týchto písmových rodín.

Základné písmo

Základným písmom značky je Graphik. Používame ho primárne naprieč všetkými komunikačnými kanálmi. Písmo je licencované a je možné si ho stiahnuť na linku nižšie.

Hierarchia písma

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í, podľa potreby upravovať.

Príklad hierarchie písma

Alternatívne písmo

Ak nie je z akýchkoľvek príčin možné použiť primárne písmo Graphik, používame alternatívne systémové písmo Arial (napr. pri zasielaní otvorených súborov Word, Powerpoint, Google dokumenty, e-mailový podpis). Alternatívne písmo nie je plnohodnotnou náhradou primárneho písma Graphik, preto ho používame len v nevyhnutných prípadoch.

Updated 2021/09/20

Vizuálny štýl

Vizuálny štýl je modulárnym prvkom budovania značky, ktorý sa dá použiť rôznymi spôsobmi.

Prehľad doplnkových grafických elementov – 1. rám, 2. visačka, nálepka, 3. modulárny layout

Základný grid

Gridový systém udržuje konzistentnú vizuálnu identitu značky Partners. Náš grid pozostáva zo šiestich stĺpcov. Odporúčame držať sa takto nastaveného gridu v prípade malej zmeny proporcií formátu. Ak je zmena formátu výrazná odporúčame pridať gridové jednotky. Takto nastavený grid nám pomáha definovať systém práce s pozadím, fotografiou a umiestnenie textu na formáte.

Okraje

Na výpočet šírky okraja používame formát ako hlavný merací nástroj. Odporúčame vychádzať z kratšej strany formátu a definovať jej 1/20, ktorá sa rovná hrúbke rámu, s ktorým pracujeme v identite. Hrúbka okraja rovná 1,5x (kde ‚x‘ predstavuje hrúbku rámu), ktorá je jednotná na všetkých stranách formátu.

Pri nastavovaní okraja treba brať do úvahy, kde chceme vytvorený vizuál (grafiku) použiť – online / tlač / blízko od diváka / ďaleko od diváka – a podľa týchto faktorov správne nastavíme okraj formátu.

Rám – konštrukcia

Pre správny vzhľad rámu je dôležité presne dodržať pravidlá uvedené v tejto sekcii a používať iba rám zo sekcie Na stiahnutie.

Základný tvar rámu je presne definovaný – hrúbku ramena označujeme znakom ‚X‘ v jeho horizontálnych aj vertikálnych ťahoch. Linka (stroke), pomocou ktorej rám konštruujeme, je vždy ukončená zaoblením a zarovnaná na stred. Zaoblenie rohov rámu nastavujeme štandardne na 20 px. Pri bežných formátoch odsadzujeme zátvorku od kraja formátu vo vzdialenosti 1,5-násobku výšky ‚X‘.

Odsadenie rámu od okraja

Rám vždy umiestňujeme vo vzdialenosťi 1,5-násobku hrúbky rámu ‚X‘ od okraja formátu. Miesto prerušenia rámu je definované veľkosťou 3X a môže byť umiestnené v ľavom hornom rohu alebo v pravom dolnom rohu, podľa potreby konkrétneho layoutu.

Hrúbka rámu

Hrúbku rámu označujeme X. Podľa druhu nosiča používame jednu z troch základných hrúbok ‚X‘. Nižšie uvádzame tri skupiny formátov aj so zodpovedajúcou hrúbkou X.

1. Malé formáty
Malé bannery (300×300, 120×600, atď.), príspevky na sociálne siete a menšie reklamné formáty.

2. Základné formáty
Printy od A6 po A4+, webové landing pages, prezentácie a veľké online bannery.

3. Veľké formáty
Printové formáty A3+ a väčšie, rollupy, billboardy a pod.

Pre zjednudušenie výpočtu hrúbky rámu pri malých digitálnych formátoch sa x = 1/16 kratšej strany formátu, a pri printových formátoch sa x = 1/24 šírky kratšej strany formátu.

Rám – škálovanie/ modularita tvaru

Rám vo formáte neškálujeme proporcionálne. Používame jednotnú hrúbku ramena a zachovávame proporcie ohnutia rámu.

Škálovanie rámu

Rám a layout

Rám a logo umiestňujeme na formát podľa nasledujúcich pravidiel:

  • Výška loga sa rovná dvojnásobnej hrúbke rámu.
  • Logo umiestňujeme vždy v pravom hornom rohu alebo v pravom dolnom rohu tak, aby nezasahoval do samotného rámu.
Hrúbka rámu sa rovná polovici výšky loga
Ukážka umiestnenia loga voči rámu
Ukážka umiestnenia loga voči rámu

Použitie rámu a fotografie

Fotografiu umiestňujeme do doplnkových tvarov, pomocou ktorých vyskladávame layout. Pričom aplikujeme nasledovné pravidlá:

  • Šírka medzery medzi tvarom v ktorom je umiestnená fotografia a rámom sa rovná hrúbke rámu.
  • Ohnutie rohov doplnkového tvaru sa vždy rovná ohnutiu rámu (20px).
  • V špecifických prípadoch môžeme fotografiu umiestniť pod rám na celú plochu formátu

Použitie rámu a textu

Nadpisový text vždy zarovnávame na stred a umiestňujeme ho do stredu rámu. Doplnkové texty umiestňujeme do visačiek a nálepiek. Veľkosti textov sú bližšie definované v časti Písmo.

Použitie rámu a pozícia visačky a nálepky

Doplnkové texty alebo texty, ktoré potrebujeme zvýrazniť, umiestňujeme do dvoch komplementárnych tvarov:

  1. Visačka – umiestňujeme ju dvomi spôsobmi – priamo na rovný rám alebo na slzičku, ktorú vyformujeme predĺžením a zatočením linky rámu. Visačku aplikujeme v rámci kampaňovej komunikácie.
  2. Nálepka – umiestňujeme ju do 4 rohov rámu v doplnkovej farebnosti definovanej v sekcii Farebnosť

Kompozícia a modularita layoutu

Nakoľko je vizuálny systém, s ktorým pracujeme, modulárny, vieme vyskladať množstvo verzií layoutov. Nižšie uvádzame príklady rôznych možných kompozícií a kombinácií. Pri tvorbe layoutov treba dbať na pravidlá práce s rámom a ostatnými grafickými prvkami, ktoré uvádzame v tejto časti dizajn manuálu.

Updated 2023/02/10

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

Online

Sociálne médiá

Profilové obrázky

Ukážka Facebook profilu
Ukážka LinkdIN profilu

Posty na sociálne médiá

Ukážka postu pri brandovej komunikácii
Ukážka postu štvorcového formátu

Ukážka postu štvorcového formátu
Ukážka postu štvorcového formátu
Ukážka postu štvorcového formátu

Web

Ukážka aplikovania vizuálnej identity na webovom rozhraní (header image)
Ukážka aplikovania vizuálnej identity na tlačenom médiu – formát na výšku
Ukážka aplikovania vizuálnej identity na tlačenom médiu – formát na výšku
Ukážka aplikovania vizuálnej identity na tlačenom médiu – formát na šírku

Roll-up

Ukážka aplikovania firemnej komunikácie na rollup-e

Firemná komunikácia

Vizitka

Ukážka aplikovania vizuálnej identity na vizitke v prípade väčšieho (naľavo) a menšieho (napravo) počtu informácií

Emailový podpis

Hlavičkový papier

Ukážka aplikovania vizuálnej identity na hlavičkovom papieri

Prezentácia

Ukážka aplikovania vizuálnej identity na prezentácii

Obálka

Ukážka aplikovania vizuálnej identity na obálke

Updated 2021/08/04

Reklamné kampane

Tvorba kampaňových vizuálov

Kampaňové vizuály skladáme z troch prvkov:

1. Headline (nadpis) – musí byť jasný a zrozumiteľný, nie príliš dlhý
2. Podpis – každý vizuál musí byť jasne umiestnené logo PARTNERS vo väčšej veľkosti ako je definované pri bežnej brandovej komunikácii
3. Metafora (ilustrovaná idea) – Metafora musí priamo súvisieť s komunikovaným textom a jemne ho akcentuje, môže mať podobu ilustrácie alebo fotografie. Pri oznamovacích kampaňvých vizuáloch nie je povinným prvkom.

Pri tvorbe kampaňvých vizuálov uplatňujeme nasledujúce pravidlá:

  • Veľkosť loga – upravujeme podľa veľkosti média, na ktorom bude vizuál komunikovaný. Pri citylightoch na výšku môže logo presahovať za polovicu šírky formátu. Pri billboardoch a väčších formátoch na šírku je logo menšie ako polovica dĺžky formátu. Ak používame logá subbrandov, je potrebné opticky vyvážiť ich veľkosť, pretože podkladový štvorec pôsobí opticky ťažšie. V tomto prípade používame menšie verzie logotypov (viď. ukážky).
  • Layout – komponujeme ako pri brandovej komunikácii.
  • Fotografia – ak používame fotografiu, dbáme na to, aby jej kompozícia bola čistá a neobsahovala príliš veľa významov. Obsah má metaforicky odkazovať na hlavné posolstvo kampane.
  • Ilustrácia – jej hrúbka a ťah vychádza z princípov definovaných v časti Konštrukcia rámu. Je jeho voľným pokračovaním. Jednoduchým ilustratívnym štýlom vychádzajúcim z estetiky ikon komunikujeme a podporujeme odkaz kampane.

V reklamných vizuáloch neodporúčame používať viac ako tri grafické prvky naraz.

Ukážky kampaňových vizuálov

Print

Ukážka kampaňovej kominikácie na CVL formáte
Ukážka kampaňovej kominikácie na billboardovom formáte

Online

Pre reklamu v digitálnom priestore platia rovnaké pravidlá ako pre tlačenú.

Ukážka kampaňovej kominikácie na social media postoch
Ukážka kampaňovej kominikácie na web banneroch

Updated 2021/10/14

Sub-brandy

Sub-brandy, alebo inak povedané entity, spoločne tvoria flotilu produktov značky Partners. Každá z týchto entít je podznačkou materskej spoločnosti, vizuálne odkazujú na materskú značku, nezatieňujú ju.

Pricípy tvorby nových sub-brandov

Sub-brandy tvoríme a zobrazujeme konzistente podľa nižšie uvedených pravidiel.

Ukážka loga Partners Poisťovňa

Ochranná zóna a minimálna veľkosť

Ochranná zóna je priestor okolo loga, do ktorého nesmú zasahovať žiadne iné prvky. Šírka ochrannej zóny loga je určená dĺžkou oboch ramien písmena ‚T‘.

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 loga entity
Minimálna veľkosť loga entity

Veľkosť loga

Hrúbku rámu označujeme X. Podľa druhu nosiča používame jednu z troch základných hrúbok X. Nižšie uvádzame tri skupiny formátov aj so zodpovedajúcou hrúbkou X.

1. Malé formáty
Malé bannery (300×300, 120×600 atď), príspevky na sociálne siete a menšie reklamné formáty.

2. Základné formáty
Printy od A6 po A4+, webové landing pages, prezentácie a veľké online bannery.

3. Veľké formáty
Printové formáty A3+ a väčšie, rollupy, billboardy a pod.

Veľkosť loga na kľúčových formátoch

Umiestnenie loga na formáte

Logo umiestňujeme vždy do okrajov formátu, pokiaľ je to možné. Jeho polohu určuje nosič, na ktorom sa objavuje – v hornej alebo spodnej časti formátu, podľa potreby.

Umiestnenie loga na formáte

Farebnosť Sub-brandov

Každý Sub-brand má definovanú špecifickú farebnosť, ktorú používame naprieč všetkými komunikačnými kanálmi na úrovni pozadia. Ostatné grafické elementy sú vo farbe Partners Red, ktorá prepája sub-brandy s mother brand.

Povolené a zakázané použitie

Logo Sub-brandov značky Partners sa nesmie na farebných podkladoch používať inak, ako je dovolené týmto manuálom. Tu sú uvedené niektoré typické povolené a nepovolené spôsoby použitia loga:

Zobrazenie hlavného loga vedľa loga subbrandu

V prípade, že potrebujeme zobraziť logo mother-brandu PARTNERS a logá sub-brandov vedľa seba, riadime sa nasledovnými zásadami:
1. šírka hlavného loga PARTNERS sa rovná šírke loga subbrandu
2. logá subbrandov zobrazujeme v rovnakej veľkosti
3. dbáme na optické vyváženie white space-u medzi logami

Updated 2023/02/08

Na stiahnutie

Základne logo varianty

Písmo

Doplnkové grafiky

Súbor pre Adobe Illustrator s troma základnými veľkosťami rámov.

Súbor pre Adobe Illustrator so základnými formami rámov.