01
Primární logo
Kompletní sestava: logotyp a značka vedle sebe. Toto je základní podoba značky a používá se všude, kde to prostor dovolí.
- Použití
- Hlavičky webu, prezentace, orientační systém, obálky tiskovin.
- Soubory
- logo-dark.svg · logo-light.svg
Vizuální identita
Logotyp
Logo je ústředním prvkem vizuální identity obrázkujeme. Vše ostatní – barva, typografie, layout – existuje proto, aby ho podpořilo. Tento manuál popisuje, jak je logotyp postavený, kde žije a jak s ním zacházet.
obrázkujemeManuál vizuální identityVerze 1.0 · 2026
01 – Základní sestavalogo-dark.svg · logo-light.svg
02Varianty loga
Sestavy
Pět sestav pokryje každé použití. Vyberte tu, která sedí formátu – logo nikdy nepřekreslujte ani sami nepřeskládávejte.
02
Horizontální logo
Široká varianta do úzkých vodorovných prostor – navigace, patičky nebo e-mailové podpisy.
- Použití
- Navigace, patičky, bannery, co-brandingové pruhy.
- Soubory
- logo-horizontal-dark.svg · logo-horizontal-light.svg
03
Vertikální / skládané logo
Značka nad logotypem. Použijte tam, kde je formát čtvercový nebo na výšku a horizontální sestava by byla příliš malá.
- Použití
- Profilové obrázky s textem, čtvercové tiskoviny, merch.
- Soubory
- logo-stacked-dark.svg · logo-stacked-light.svg
04
Značka / ikona
Samostatná značka. Smí stát sama jen tam, kde je značka v kontextu už zavedená.
- Použití
- Favicony, ikony aplikací, profilové obrázky, vodoznaky.
- Soubory
- symbol.svg
05
Logotyp
Typografická část bez značky. Vyhrazená pro velmi malé velikosti nebo situace, kdy značka stojí zvlášť.
- Použití
- Právní řádky, drobný tisk, sekundární umístění.
- Soubory
- wordmark-dark.svg · wordmark-light.svg
03Ochranná zóna
Prostor kolem loga
Okolí loga udržujte volné – bez textu, grafických prvků a okrajů formátu. Minimální ochranná zóna se rovná výšce značky na každé straně.
xxxx
Jednotka – x = výška značky
Minimum – 1 × ze všech čtyř stran
Doporučeno – 2 ×, kde to prostor dovolí
04Minimální velikost
Čitelnost
Pod těmito velikostmi se jemné detaily logotypu zalévají. Když je formát menší než minimum, použijte samotnou značku.
Standard · 320 px
Zmenšené · 200 px
Minimum · 120 px
- Digitál
- 120px
- Tisk
- 25mm
- Značka – digitál
- 24px
- Značka – tisk
- 8mm
Minimální šířka celého loga. Hodnoty jsou orientační a lze je upravit v konfiguraci značky.
05Pozadí
Logo na plochách
Logo může ležet na kterékoli barvě značky. Na tmavé plochy patří světlá verze, na světlé tmavá – značka si drží vlastní barvu.
Bílá#FFFFFF
Základní černá#201F21
Akcentová žlutá#E2E256
Grafitová#4B494B
Tmavě modrá#17303E
Mlžná#CED9E0
06Použití loga
Jak logo nepoužívat
Logo se vždy reprodukuje z originálních souborů. Jakýkoli zásah – i sebemenší – oslabuje jeho rozpoznatelnost.
01
Logo nedeformujte
02
Logo neotáčejte
03
Neměňte proporce
04
Nepřidávejte stíny ani efekty
05
Logo nepřebarvujte
06
Neumisťujte na málo kontrastní pozadí
07Barevnost
Barvy
Střídmá paleta: identitu nesou téměř černá a papírová bílá, jediný žlutý akcent patří značce. Sekundární tóny dodávají hloubku tam, kde je potřeba.
Základní černá
- Role
- Primární · text, tmavé plochy
- HEX
- RGB
- CMYK
- 3 / 6 / 0 / 87
Základní bílá
- Role
- Primární · papír, světlé plochy
- HEX
- RGB
- CMYK
- 0 / 0 / 0 / 4
Akcentová žlutá
- Role
- Akcent · značka, zvýraznění
- HEX
- RGB
- CMYK
- 0 / 0 / 62 / 11
Tmavě modrá
- Role
- Sekundární · hloubka, pozadí
- HEX
- RGB
- CMYK
- 63 / 23 / 0 / 76
Grafitová
- Role
- Sekundární · běžný text, rozhraní
- HEX
- RGB
- CMYK
- 0 / 3 / 0 / 71
Mlžná
- Role
- Sekundární · jemné plochy
- HEX
- RGB
- CMYK
- 8 / 3 / 0 / 12
08Typografie
Písma
Geometrické display písmo pro nadpisy v páru s klidným groteskem pro vše, co se má číst. Velké stupně sázíme těsně, malé se otevírají.
Primární písmo
Clash Display
- Role
- Primární písmo · nadpisy, display
- Řezy
- Variabilní 200-700
- Zdroj
- Indian Type Foundry
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
Extralight
200
Light
300
Regular
400
Medium
500
Semibold
600
Bold
700
Sekundární písmo
Satoshi
- Role
- Sekundární písmo · text, rozhraní, popisky
- Řezy
- 300 · 400 · 500 · 700
- Zdroj
- Indian Type Foundry (zástupné párování)
- Pozn.
- Zástupné párování – nahraďte finálním sekundárním písmem.
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
Typografická škála
Styl · Řez · Velikost / Proklad
H1
Clash Display · 500 · 96 / 92
Obrázky, které mluví
H2
Clash Display · 500 · 56 / 60
Identita postavená na jasnosti
H3
Clash Display · 500 · 32 / 38
Pravidla pro každodenní použití
Text
Satoshi · 400 · 18 / 28
Logotyp je ústředním prvkem naší vizuální identity. Každá aplikace – od vizitky po billboard – začíná právě u něj.
Drobný text
Satoshi · 500 · 13 / 18 · +2 %
Technické údaje, popisky a právní poznámky sázíme v Satoshi Medium s mírně otevřeným prostrkáním.
09Grafický prvek
Pattern
Značka se opakuje do patternu a ořezem vzniká tvar. Obojí jsou doplňkové prvky – podpůrné textury, nikdy náhrada loga. Nastavte si vlastní variantu a stáhněte ji jako SVG nebo PNG.
Generátor patternu
Rozvržení
Velikost dlaždice140 px
Velikost značky1.1×
Rotace0°
Krytí1
Barva pozadí
Barva značky
Tvar značky
Zvětšený a oříznutý symbol funguje jako samostatný grafický akcent – na obálkách, v pozadí sekcí nebo jako výplň formátu.
10Soubory
Ke stažení
Vždy pracujte z těchto zdrojových souborů. Každé logo existuje v tmavé i světlé verzi; značka je společná.
SouborFormátPoužitíAkce