Brand Guidelines

Version 0.1

Updated 2022/01/21

Úvod

Ako používať manuál

Toto je manuál vizuálnej identity pre značku ZVÁRAČÁK. 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

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 ZVÁRAČÁK ešte viac rozpoznateľnou.

Fotografia – hlavný grafický element 
Fotografia je prvok, ktorý drží vizuálnu komunikáciu konzistentnú naprieč formátmi rôznych veľkostí.

Pattern – Sekundárny grafický element
Pattern pomáha komunikáciu odlíšiť a vhodne dopĺňa tému.

Modulárny layout
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/01/13

Farebnosť

Používanie farieb je dôležitým aspektom identity ZVÁRAČÁK. Základné farby sú čierna, biela tmavo-zelená, sivá a machová.

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.

Zváračák biela
RGB — 255 | 255 | 255
CMYK — 0 | 0 | 0 | 0
HEX — #FFFFFF

Zváračák čierna
RGB — 0 | 0 | 0
CMYK — 35 | 35 | 35 | 100
HEX — #000000
PANTONE — Black 6 C

Zváračák tmavo-zelená
RGB — 37 | 47 | 43
CMYK — 80 | 55 | 65 | 75
HEX — #252F2B
PANTONE — 627 C

Zváračák machová
RGB — 98 | 104 | 69
CMYK — 60 | 40 | 75 | 30
HEX — #626845
PANTONE — 5753 C

Zváračák sivá
RGB — 166 | 180 | 190
CMYK — 40 | 20 | 20 | 0
HEX — #A6B4BE
PANTONE — 7542 C

Doplnková farebnosť

Doplnková farebnosť slúži ako doplnok k základnej farebnosti značky. 

Zváračák tehlová
RGB — 195 | 100 | 75
CMYK — 10 | 70 | 70 | 0
HEX — #C3644B
PANTONE — 7416 C

Farebné kombinácie

Updated 2022/01/31

Písmo

Písmo patrí medzi hlavné identifikačné prvky značky. V rámci komunikácie značky ZVÁRAČÁK ho 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 odporúčame používať len nižšie spomenuté rezy písem z týchto písmových rodín.

Základné písmo (logotyp)

Základným písmom značky je Patrona Casual v reze Regular B. Písmo bolo primárne určené na tvorbu logotypu. Písmo je licencované a je možné si ho zakúpiť na tomto linku.

Základné (textové) písmo

Základným textovým písmom značky je Untitled Sans. Písmo používame v každej komunikácii značky v rezoch Regular a Bold. Písmo je licencované a je možné si ho zakúpiť na tomto linku.

Hierarchia a veľkosti

Základné nastavenia typografie

Alternatívne písmo

Ak nie je z akýchkoľvek príčin možné použiť primárne písmo Untitled Sans, 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 Untitled Sans, preto ho používame len v nevyhnutných prípadoch.

Updated 2022/01/21

Vizuálny štýl

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

Základný grid

Gridový systém udržuje konzistentnú vizuálnu identitu značky ZVÁRAČÁK. 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.

Základný grid pre print
Základný grid pre digitálne formáty

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/16.

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.

Modulárny layout

Pri zalamovaní obsahu do formátov pracujeme so systémom na pozadí, ktorý je modulárny a umožňuje pracovať s rôznym typom obsahu podľa potreby.

Ukážky použitia systému pri vertikálnych formátoch
Ukážky použitia systému pri horizontálnych formátoch

Fotografia

Rozlišujeme 3 typy fotografií, ktoré ZVÁRAČÁK používa. Každý z typov má svoje pravidlá použitia:

1. Architektúra

Ilustračné zábery zo ZVÁRAČÁKU zachytávajú architektúru v exteriéri aj v interiéri. Striedame zábery – celok, polodetail, detail. Na fotografiách sa striedavo objavujú ľudia. Pri fotení budov sa snažíme vytvoriť dojem vzdušnej zástavby. Medzi budovami chceme vidieť a cítiť priestor.

2. Život a benefity

Fotografia zachytáva život vo ZVÁRAČÁKU. Ukazuje obyvateľov pri aktivitách v exteriéri / interiéri (pri športe, na nákupoch, na prechádzke so psom, v kaviarni a pod.). Ilustrujeme pestré benefity štvrte a atmosféru. Fotograf je iba pozorovateľ, ľudia sa nepozerajú do objektívu, užívajú si život, diskutujú spolu, sú prirodzení a uvoľnení.

3. Atmosféra

Obrázky dotvárajúce atmosféru / pocit zo štvrte. V online komunikácii na sociálnych sieťach, webe alebo na banneroch vieme používať animované sekvencie a umocniť tak celkový vizuálny efekt značky.

V prípade potreby je možné používať aj fotografie z fotobanky. Pri výbere dbáme na to, aby sme našli fotografie prirodzene pôsobiacich autentických ľudí.

Updated 2022/01/21

Ukážky komunikácie

Online

Webstránka

Náhľad webstránky s využitím modulárneho layoutu
Náhľad webstránky s využitím modulárneho layoutu

Posty na sociálne médiá

Príklady postov na sociálne médiá

E-mailový podpis

Citylight

Ukážka aplikovania firemnej komunikácie na citylightoch

Billboard

Ukážka aplikovania firemnej komunikácie na billboarde

Vizitka (85 x 55 mm)

Ukážka aplikovania vizuálnej identity na vizitke
Layout vizitky
Ukážka aplikovania vizuálnej identity na vizitkách s použitím rôznych papierov v korporátnych farbách

Hlavičkový papier

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

Dlaždice

Ukážka aplikovania vizuálnej identity vo fyzickom priestore
Princíp vytvárania patternu
Korporátne patterny

Updated 2022/01/31

Sub-brandy

Zváračák, ako štvrť reprezentuje všetky projekty, ktoré vrámci nej vyrastú. Našim cieľom je do popredia tlačiť značku štvrte ako značku kvality. V praxi to znamená, že pre subbrandy vytvárame brand systém, ktorý je jednotný a neprekričí hlavnú značku.

Tento systém nám umožňuje v budúcnosti rásť a prispôsobovať komunikáciu danému projektu tak, aby čo najlepšie korešpondoval s charakterom stavby a projektu, s atmosférou a cieľovou skupinou, ktorú chce projekt osloviť.

Hierarchia značiek v praxi

Sub-brandy tvoríme a zobrazujeme konzistente.

Homepage štvrte Zváračák
Rozcestník pre projekty (subbrandy) vrámci štvrte

Branding projektov a jeho možnosti

Každý projekt na svojej landing page-i odkazuje na materskú značku. Zákazníkom chceme vytvoriť mentálnu dostupnosť a prepojiť projekt so štvrťou, t.z. so značkou Zváračák.

Nenápadný branding v lište

Lišta ponúka prepojenie projektu so štvťou. Taktiež slúži ako prelink na hompepage Zváračáku.

Landing page projektu s brandovou lištou.

Zdvojená menu lišta

Hierarchia značiek jasne naznačuje, kde sa nachádzame (na stránke Weld Laboratóriá) a pod koho daný projekt spadá (Zváračák).

Landing page projektu s logom Zváračák

Updated 2022/01/27

Na stiahnutie

Základne logo varianty