Brand manuál: pravidla, podle kterých vypadá vaše značka
Brand manuál je dokument, který popisuje, jak vaše značka vypadá a mluví: jak se používá logo, jaké jsou firemní barvy a písma a jakým tónem píšete. Díky němu vypadá web, vizitka, polep auta i reklama jako od jedné firmy, i když je dělá pokaždé někdo jiný. Malé firmě často stačí pár stran.
Aktualizováno
K čemu manuál je
Značku tvoří spousta drobných rozhodnutí: jak velké je logo, jestli smí být na fotce, jaký přesně odstín zelené používáte, jestli zákazníkům tykáte. Když je nikdo nezapíše, rozhoduje o nich pokaždé někdo jiný – tiskárna, grafik na brigádě, kolega v Canvě. Výsledkem jsou tři mírně odlišná loga a pět zelených.
Brand manuál (také logo manuál, grafický manuál nebo brand book) tato rozhodnutí sepisuje jednou. Šetří čas při každé další zakázce, protože dodavatel nemusí nic odhadovat ani se vyptávat.
Co manuál obsahuje
| Část | Co v ní je | Proč na tom záleží |
|---|---|---|
| Logo | hlavní a zjednodušená varianta, barevná, černobílá a inverzní verze, ochranná zóna, minimální velikost | logo se nezdeformuje, nezanikne na fotce a je čitelné i malé |
| Barvy | hlavní a doplňkové barvy s kódy HEX a RGB pro obrazovku, CMYK nebo Pantone pro tisk | stejný odstín na webu, letáku i výloze |
| Písma | písmo nadpisů a textu, řezy, náhradní písmo, když hlavní nejde použít | jednotný vzhled a správná licence |
| Obrazový styl | jaké fotky a ilustrace, světlo, barevnost, co nepoužívat | web nepůsobí jako slepenec fotobanky |
| Tón komunikace | vykání nebo tykání, délka vět, slova, která používáte a kterým se vyhýbáte | texty zní jako od stejné firmy |
| Šablony | vizitka, hlavičkový papír, podpis e-mailu, příspěvek na sociální sítě | běžné věci zvládnete bez grafika |
Součástí bývá i stránka „takhle ne“: logo natažené do šířky, na neklidné fotce, v jiné barvě nebo s přidaným stínem. Jedna názorná ukázka zabrání víc chybám než dlouhý popis.
Co z manuálu potřebuje web
Webař z manuálu vybírá hlavně tyto věci a bez nich začíná odhadovat:
- Logo ve vektoru (SVG) a čtvercovou značku pro favicon.
- Barvy v kódu HEX – a ověření, že text v těchto barvách má dost kontrastu. Světlá firemní barva se hodí na plochy, ale ne na drobný text; měřítko kontrastu dává WCAG.
- Písma s webovou licencí, případně dostupnou webovou alternativu.
- Tón komunikace pro texty, tlačítka a chybová hlášení.
Na webu se barvy a písma obvykle zapisují jednou jako proměnné a zbytek stránky je jen používá. Změna odstínu se pak udělá na jednom místě:
:root {
--brand: #1f5c4a; /* hlavní barva z manuálu */
--brand-light: #e6f0ec; /* plochy, pozadí sekcí */
--text: #1c1c1c;
--font-heading: "Název písma", Georgia, serif;
--font-body: "Název písma", Arial, sans-serif;
}Jak barvy a písma pro web vybrat, když je zatím nemáte, popisuje průvodce Barvy a písma webu.
Kdy stačí jednoduchá verze
Živnostník nebo malá firma nepotřebuje sto stran. Na začátek stačí jedna až tři strany:
- logo ve dvou nebo třech variantách a jedna věta o jeho použití,
- dvě až tři barvy s kódy pro obrazovku i tisk,
- jedno nebo dvě písma,
- pět vět o tom, jak se zákazníky mluvíte.
Rozsáhlý manuál dává smysl, když značku používá víc lidí, poboček nebo dodavatelů, nebo když se chystá větší kampaň. Lepší je krátký manuál, který se dodržuje, než tlustý, který nikdo neotevře.
Manuál a nový web u nás
Když manuál máte, postavíme web podle něj. Když ho nemáte, vzniknou pravidla pro vzhled webu – barvy, písma, styl tlačítek a fotek – během návrhu. To se týká Firemního webu (20 000 Kč) i Webu na míru (35 000 Kč), kde je návrh na míru v ceně. Tón komunikace pak držíme i v textech; jak se dělá vzhled a použitelnost, vysvětluje heslo UX a UI. Tvorbu loga ani samostatného manuálu v ceníku nemáme.
Časté otázky
Jaký je rozdíl mezi logo manuálem a brand manuálem?
Logo manuál popisuje jen logo: varianty, velikosti, ochrannou zónu a zakázané použití. Brand manuál k tomu přidává barvy, písma, práci s fotkami, tón komunikace a šablony. Pro malou firmu se oba často spojí do jednoho krátkého dokumentu.
V jakém formátu mám mít logo pro web?
Ideálně ve vektoru – SVG pro web, PDF nebo EPS pro tisk. Vektor se ostře zobrazí v jakékoli velikosti. K tomu se hodí PNG s průhledným pozadím pro místa, kde SVG nejde použít, a čtvercová varianta pro ikonu webu a profilové obrázky.
Můžu na webu použít písmo z brand manuálu, které mám koupené pro tisk?
Jen pokud to dovoluje licence. Licence písem se často dělí na tiskovou a webovou a webová se může platit podle návštěvnosti. Než písmo na web nasadíte, ověřte podmínky u jeho výrobce nebo prodejce.
Kdo má brand manuál dostat?
Každý, kdo za vás něco vytváří: webař, tiskárna, grafik inzerátů, polepovač aut i kolega, který chystá prezentaci. Nejjednodušší je mít ho jako PDF spolu se složkou podkladů a posílat odkaz na jedno místo.