Co znamená „rychlá vizuální identita, která neurazí“
Nepro každý projekt se vyplatí komplexní brandbook. Pro seminář, grantový pilot, interní prototyp či komunitní iniciativu stačí lehká vizuální identita – konzistentní minimum, které vypadá profesionálně, je rychle nasaditelné a nezavazuje ruce. Cílem je vybrat hotové šablony a sjednotit prvky (logo, barvy, písma, kompozice) tak, aby držely pohromadě v prezentacích, dokumentech, sociálních vizuálech a na webu – bez DTP a dlouhých iterací.
Principiální minimum: 6 prvků, které stačí na 90 % výstupů
- Logotyp/wordmark light (textové logo s jednoduchým znakem nebo iniciálami).
- Barevná paleta (1 primární, 1 sekundární, 2 neutrální odstíny, 1 akcent).
- Typografie (nadpisy, text, kód/čísla – ideálně systémová webová písma).
- Grid a okraje (8–12 bodový modul, konzistentní odsazení).
- Komponenty (titulkový pruh, karta, tlačítko, rámeček „poznámka“).
- Styl fotek/ikon (černobílý filtr, tlumená saturace nebo jednotná linie ikon).
Rychlý výběr barevné palety: bezpečné kombinace
Paleta má sloužit obsahu, ne naopak. Minimalistická pravidla:
- Primární: dominantní barva (např. tmavě modrá pro důvěru, tmavě zelená pro udržitelnost).
- Sekundární: světlejší odstín primární nebo příbuzná barva na pozadí.
- Neutrální: škála šedých (texty, linky, mřížka, rámečky).
- Akcent: kontrastní prvek pro zvýraznění (upozornění, CTA, důležitá čísla).
| Úloha | Doporučení | Poznámka |
|---|---|---|
| Nadpisy | Tmavá primární | Kontrast >= 4.5:1 vůči pozadí |
| Text těla | Grafitová šedá | Čitelnější než čistá černá |
| CTA/prvky | Akcent | Použit střídmě (<10 % plochy) |
| Pozadí | Velmi světlá sekundární | Udržuje vzdušnost |
Typografie bez licenčních problémů
Volte dostupná písma s dobrým pokrytím diakritiky a čitelností i v malých velikostech:
- Nadpisy: Inter, Montserrat, PT Sans (čistá geometrie, jasná hierarchie).
- Text: Inter, Roboto, Source Sans 3 (dlouhé odstavce, čísla).
- Mono/kód/čísla: JetBrains Mono nebo Roboto Mono.
Hierarchie velikostí (v pixelech nebo bodech): H1 28–32, H2 22–26, H3 18–20, text 14–16, poznámky 12–13; řádkování textu 1.4–1.6. Kerning ponechte defaultní, netlačte písmena k sobě.
Logo/wordmark za 15 minut
- Skica názvu: vyberte typografii (tučná pro stabilitu, střední pro neutralitu).
- Jednoduchý znak: iniciativa v kruhu/čtverci nebo abstraktní tvar z prvního písmene.
- Značková vzdálenost: kolem loga ponechte „ochrannou zónu“ = výška písmene X.
- Varianty: horizontální (primární), stohovaná (čtverec), monochrom (tmavý/světelný).
- Export: SVG (vektor) a PNG (512 px, 1024 px) pro univerzální použití.
Grid, okraje a rytmus: neviditelná disciplína
- Modul 8: odsazení a mezery v násobcích 8 (8, 16, 24, 32).
- Šířka sloupce: pro text 60–80 znaků na řádek; pro prezentaci max. 6 odrážek na snímek.
- Vizuální váha: jeden dominantní prvek (graf, číslo, fotografie) na ploše; ostatní sekundují.
Komponenty, které tvoří dojem
- Titulkový pás: barva primární 5–10 % saturace, text bílý nebo tmavý podle kontrastu.
- Karty: bílé pozadí, stín 2–4 px jemný, zaoblení 8–12 px, nadpis H3, podtitul 14 px.
- CTA tlačítko: plná akcentní barva, zaoblení 8 px, vnitřní odsazení 10×20 px.
- Tag/štítek: malý kapsulový prvek (např. „Nové“, „Data 2024“).
Fotky a ikony: sjednocující vrstva
- Fotky: použijte jednotný filtr (černobílý + 10–20 % snížení kontrastu) nebo desaturaci, aby se sjednotila heterogenní kvalita.
- Ikony: jedna rodina (line/outline), tloušťka 1.5–2 px; vyhněte se mixu výplňových a obrysových stylů.
- Rámování: fotografie bez tvrdých rámečků; pokud je třeba oddělit, použijte stín nebo jemný okraj v neutrální barvě.
Šablony, které neurazí: kde, co a s jakými úpravami
- Prezentace: minimalistický titul, obsah s jedním vizuálním dominantem, jednotné odrážky. Odstraňte zbytečné dekorace, upravte jen barvy a písma.
- Jednostránkové PDF (one-pager): hero nadpis + 3 sloupce benefitů + CTA; dole: kontakty a loga partnerů.
- Report/whitepaper: titulní strana (foto s overlay), vnitřní strany s pull-quote, grafy v jednotném stylu.
- Sociální vizuály: 1:1 a 16:9 varianta; konzistentní okraje, velké číslo nebo krátký claim.
- Jednoduchý web/microsite: hlavička s logem, navigace 1 úroveň, hero s claimem, sekce 3 sloupce, footer se zdroji.
Pravidla přístupnosti (a proč vám zachrání design)
- Kontrast: text k pozadí alespoň 4.5:1; velké nadpisy 3:1 stačí, ale cílit výše je lepší.
- Barva ≠ jediné kódování: důležité rozdíly vyjadřujte i tvarem/ikonou.
- Alternativní texty: obrázky s informací mají stručný alt text.
- Čitelnost: text >= 14 px, řádkování min. 1.4, odstavce oddělené vertikálním rytmem.
Obsahové „prefabrikáty“: textové bloky, které šetří čas
- Claim (věta): co děláme, pro koho, s jakým výsledkem.
- Elevator pitch (3 věty): problém → řešení → dopad.
- Bio projektu (60–80 slov): vhodné do footeru, na profil, do tiskových zpráv.
- CTA formulace: „Stáhnout report“, „Přidat se k pilotu“, „Kontaktovat tým“.
Tabulka rozhodnutí: když spěcháte
| Rozhodnutí | Bezpečná volba | Riziko, kterému se vyhnout |
|---|---|---|
| Paleta | 1 barva + šedá + akcent | Duhové barvy bez hierarchie |
| Písmo | Inter/Roboto + jedna šířka | Mix 3+ rodin písem |
| Logo | Wordmark s jednoduchým znakem | Komplexní emblém bez vektoru |
| Fotky | ČB filtr/nižší saturace | Kolaž stylově nejednotných obrázků |
| Grafy | Minimalistický styl, přímý popis | 3D efekty, přeplněné legendy |
Naming a microcopy: tón, který drží značku pohromadě
- Tón: neutrálně profesionální, bez přehnaných superlativů.
- Pravidla zkratek: zkratky vysvětlete při prvním výskytu; jednotné používání velkých písmen.
- CTA: aktivní slovesa, konkrétní výsledek („Získat přístup“, ne „Klikněte zde“).
Licence a soubory: buďte legální a připravení
- Ikony a fotky: používejte knihovny se srozumitelnou licencí; uveďte atribuci, pokud je vyžadována.
- Písma: preferujte open-source; u komerčních zkontrolujte nastavení na webu i v PDF.
- Exportní balíčky: vytvořte složku /brand se soubory: logo.svg, logo@2x.png, palette.txt, typography.md, templates/.
„Hezké bez námahy“: mikrotriky na finální lesk
- Přímé popisky místo složitých legend v grafech a mapách.
- Odsazení nad a pod nadpisem jsou větší než boční okraje textu; vzniká vzdušnost.
- Rozdíl vah (tučné nadpisy, normální text, tenký pomocný text) = jasná hierarchie.
- Jedno pozadí pro celou sadu materiálů; konzistentní textura/ne žádná.
Startovací checklist na 1 hodinu
- Zvolte paletu (primární, sekundární, neutrální, akcent) a uložte kódy.
- Vyberte písmo (nadpis + text + mono) a nastavte velikosti a řádkování.
- Vytvořte wordmark (text + jednoduchý znak), exportujte SVG/PNG.
- Otevřete základní šablony (prezentace, one-pager, sociální vizuály) a aplikujte paletu + typografii.
- Připravte 3–5 komponentů (titulkový pás, karta, CTA, tag, poznámka).
- Sjednoťte styl fotek/ikon (filtr/rodina ikon).
- Uložte balíček a proveďte zkušební export PDF/PNG na kontrolu čitelnosti.
Nejčastější chyby a rychlé opravy
- Vizuální chaos: snižte počet barev, zaveďte jednotné odsazení.
- Nízký kontrast textu: upravte barvy, zvětšete velikost písma, použijte tmavší neutrální tóny.
- Nejednotné ikony: vyměňte sadu za jednu rodinu; sjednoťte tloušťku obrysů.
- Přeplněné slidy: pravidlo 1 pointa = 1 slide; obrázek nebo číslo jako dominantní prvek.
„Neurazí“ ≠ průměrnost, ale disciplinovaná jednoduchost
Rychlá vizuální identita stojí na několika dobrých rozhodnutích a konzistentním použití. S minimalistickou paletou, volnými písmem, jednoduchým wordmarkem, pevným gridem a pár komponenty získáte čistý, profesionální dojem napříč prezentacemi, PDF, sociálními vizuály i webem – bez specializovaného DTP, zbytečných nákladů a časových prodlev.
