Jak jsme postavili novou značku MLS: od nápadu k brand manuálu

Než jsme začali stavět nový web, potřebovali jsme vyřešit jednu věc: jak má Media Lab Studio vypadat. Chtěli jsme značku, která zůstane čitelná i v těch nejmenších velikostech – na faviconu, v profilovém obrázku nebo v rohu příspěvku. Rozhodli jsme se proto projít stejným procesem, jakým provádíme klienty, kteří začínají jen s nápadem.

Krok 1: Ujasnit si, co má značka říkat

Každá značka začíná slovy, ne obrázky. Sepsali jsme si, jací chceme být: profesionální, moderní, přístupní, praktičtí a klidně sebevědomí. Partner, ne technologický exhibicionista. Mluvíme jasně a slibujeme jen to, co umíme doložit.

Tyto vlastnosti pak rozhodovaly o každém dalším kroku – od tvaru loga po tón příspěvků. Když víte, co má značka sdělit, vybírá se mnohem snáz.

Krok 2: Tři kola návrhů loga

V prvním kole vzniklo několik konceptů: geometrický monogram, laboratorní baňka, závorky z kódu a skládané M. Ve druhém kole jsme zkoušeli monogram v dlaždici, ve třetím čtverec jako oddělovač a slovo „Lab“ v azurové.

Zvítězil wordmark „medialab“ v písmu Anta s azurovým čtvercem a prostrkaným nápisem STUDIO. Ve finální verzi B1.1 jsme čtverec ještě zvedli, aby jeho horní hrana lícovala s horní hranou bříška písmene b. Drobnost, která ale dělá logo klidnějším a přesnějším.

K hlavnímu logu vznikla i samostatná ikona: písmeno m v Antě s azurovým pixelem. Používá se tam, kde je málo místa – jako favicon nebo profilový obrázek.

Krok 3: Barvy a písma

Paletu tvoří pět barev: Rich Black (#111827) jako hlavní pozadí, Gunmetal (#1F2937) pro sekundární plochy, Blue Munsell (#009FB8) pro velké plochy a sekundární akcenty, Sky Blue (#00DCFB) jako hlavní akcent a bílá pro text. Paleta je záměrně chladná, teplé barvy nepoužíváme.

Stanovili jsme i poměr: zhruba 60 % pozadí, 25 % ploch, 10 % bílého textu a 5 % azurového akcentu. Ověřili jsme kontrast – azurová na Rich Black má 10,7 : 1, bílá 17,7 : 1 – aby texty byly čitelné pro všechny.

Písma jsou dvě, obě zdarma z Google Fonts: Anta pro nadpisy a ceny, bezpatkové písmo pro běžný text.

Krok 4: Všechno sepsat do brand manuálu

Na konci vznikl brand manuál verze 2.0 s deseti kapitolami: od podstaty značky přes logo, barvy, typografii a grafické prvky až po fotografie, příspěvky na sociální sítě a tón komunikace. Díky němu vypadá značka stejně, ať tvoří web, příspěvek nebo prezentaci kdokoli z týmu.

Krok 5: Pravidla pro fotky a příspěvky

Značka nekončí u loga a barev. Do manuálu jsme zapsali i to, jak mají vypadat fotky a příspěvky. Mockupy ukazují realistická zařízení – notebook, tablet nebo telefon – a na displeji je vždy skutečný web klienta, nikdy vymyšlený obsah. Světlo je tlumené, v tyrkysových a petrolejových tónech. Obrázky generované umělou inteligencí nikdy nezobrazují lidi ani ruce.

Pro sociální sítě jsme si určili výchozí formát příspěvku 4 : 5 (1080 × 1350 px) a stories 9 : 16 (1080 × 1920 px). Logo patří vpravo nahoru, nadpis má nejvýše pět slov a každý příspěvek nese jen jednu myšlenku. Díky tomu působí profil jednotně, i když příspěvky tvoří různí lidé z týmu.

Co jsme se během procesu naučili

Nejvíc nám pomohlo testovat logo v těch nejmenších velikostech. Návrh, který vypadá skvěle na celé obrazovce, se na faviconu může slít do nečitelné skvrny. Proto má manuál jasná čísla: hlavní logo nepoužíváme pod 160 px šířky, menší místa patří samostatné ikoně.

Druhá lekce: vyřazené koncepty nejsou ztracený čas. Baňka, závorky i skládané M nám pomohly pochopit, co značka MLS není – a tím rychleji jsme došli k tomu, co je.

Stejnou cestu projdete i Vy

Přesně takhle pracujeme s klienty. Strategie a vedení projektu ujasní, co má značka říkat. Grafika navrhne logo a barvy. Web a technika z nich postaví rychlý web. Fotografie a obsah dodají vlastní fotky a první příspěvky. Vše od jednoho partnera, v jednom uzavřeném kruhu.

Značku vždy stavíme spolu s webem – podívejte se, co zahrnuje branding pro začínající firmy a jaké jsou balíčky a ceny.