Sekce Tabulka drží strukturovaná data v přehledné mřížce – od klasického záhlaví přes dvousloupcové parametry až po širší přehledy s horizontálním posuvem na mobilu. Vybrané řádky můžete zvýraznit info boxem (poznámka, tip, upozornění), takže důležitá pravidla nezmizí v hustém textu.
Tato stránka prezentuje všechny možnosti modulu Tabulka – vizuální styly, doplňkové prvky pod tabulkou i různé datové varianty.
Vizuální styly tabulek
Doplňkové prvky pod tabulkou
Datové varianty
Minimalistický vzhled bez viditelných linek mezi řádky. Vhodný pro jednoduché seznamy nebo když chcete čistý design bez vizuálního šumu.
| Formát | Rozměr | Použití |
|---|---|---|
| Vizitka | 90 × 50 mm | Standardní česká vizitka |
| Dopisní papír A4 | 210 × 297 mm | Obchodní korespondence |
| Obálka DL | 220 × 110 mm | Pro složený A4 dopis |
Horizontální linky mezi řádky usnadňují sledování dat ve víceřádkových tabulkách. Ideální pro přehledy s mnoha záznamy.
| Kanál | Primární formát | Sekundární formát |
|---|---|---|
| Web | WebP | PNG |
| JPG | PNG | |
| Tisk | PDF/X-4 | TIFF |
| Sociální sítě | MP4 | JPG |
Vertikální linky mezi sloupci vizuálně oddělují jednotlivé kategorie dat. Vhodné pro tabulky s jasně odlišnými datovými typy v každém sloupci.
| Zařízení | Minimální rozlišení | Doporučené rozlišení |
|---|---|---|
| Desktop | 1280 × 720 px | 1920 × 1080 px |
| Tablet | 768 × 1024 px | 1024 × 1366 px |
| Mobil | 375 × 667 px | 428 × 926 px |
Kompletní ohraničení všech buněk vytváří klasickou tabulkovou mřížku. Maximální přehlednost pro technická data nebo složitější struktury.
| Typ souboru | Barevný prostor | Rozlišení | Komprese |
|---|---|---|---|
| Logo web | sRGB | 72 dpi | Bezztrátová |
| Logo tisk | CMYK | 300 dpi | Žádná |
| Fotografie web | sRGB | 72 dpi | Ztrátová (80%) |
| Fotografie tisk | CMYK | 300 dpi | Žádná |
Pod tabulku můžete přidat tlačítka pro rychlý přístup k externím odkazům, obsahovým stránkám nebo souborům ke stažení.
Tlačítka můžete chránit heslem nebo omezit přístup na určité e-mailové domény.
| Typ podkladu | Formát ke stažení | Poznámka |
|---|---|---|
| Logo horizontální | SVG, PNG | Vektorový formát preferovaný |
| Logo vertikální | SVG, PNG | Pro úzké formáty |
| Ikonový set | SVG balíček | Optimalizováno pro web |
Rozbalovací obsah (akordeon) umožňuje skrýt detailnější informace, které uživatel zobrazí kliknutím. Ideální pro často kladené dotazy nebo podrobnější vysvětlení.
| Zkratka | Význam | Příklad použití |
|---|---|---|
| PMS | Pantone Matching System | Přímé barvy pro tisk |
| CMYK | Cyan, Magenta, Yellow, Key | Čtyřbarevný tisk |
| HEX | Hexadecimální kód | Barvy pro web |
| RGB | Red, Green, Blue | Digitální zobrazení |
Přímá barva je speciální barva namíchaná z jednoho pigmentu, na rozdíl od procesních barev (CMYK), které vznikají kombinací čtyř základních barev. Přímé barvy zajišťují konzistentní reprodukci barvy bez ohledu na tiskařské zařízení. V Pantone systému má každá barva unikátní číslo (např. PMS 185 C).
RGB používejte pro všechny digitální výstupy – web, e-mail, sociální sítě, prezentace na obrazovce. CMYK je určen výhradně pro tisk – letáky, vizitky, plakáty, katalogy. Při konverzi z RGB do CMYK může dojít k posunu barev, proto vždy používejte správný barevný profil od začátku projektu.
Požádejte tiskárnu o nátisk (proof) na skutečném materiálu. U přímých barev použijte aktuální vzorník Pantone (vzorníky stárnou a barvy vyblednou). Pro digitální náhled kalibrujte monitor podle ICC profilu.
Text pod tabulkou slouží k doplnění kontextu, vysvětlení zkratek nebo odkazu na další zdroje informací.
| Výstup | Min. rozlišení | Max. velikost souboru |
|---|---|---|
| Profilová fotka | 400 × 400 px | 500 KB |
| Příspěvek feed | 1080 × 1080 px | 2 MB |
| Stories / Reels | 1080 × 1920 px | 4 MB |
| Cover fotka | 1640 × 624 px | 1 MB |
Hodnoty v tabulce platí pro rok 2024. Sociální sítě průběžně mění své specifikace – aktuální hodnoty ověřte v oficiální dokumentaci platformy. Pro video obsah platí dodatečná omezení délky a framerate.
Tato sekce demonstruje kombinaci všech dostupných prvků – tlačítek, rozbalovacího obsahu i textu pod tabulkou v jednom modulu.
Při použití více doplňkových prvků dbejte na přehlednost. Ne vždy je nutné využít všechny možnosti najednou.
| Dokument | Účel | Aktualizace |
|---|---|---|
| Brand Book | Kompletní manuál značky | Ročně |
| Quick Start Guide | Zkrácený návod pro partnery | Dle potřeby |
| Asset Library | Repozitář všech podkladů | Průběžně |
Brand Book je určen pro interní týmy a certifikované partnery. Externí dodavatelé dostávají Quick Start Guide. Pro přístup ke kompletní verzi kontaktujte brand manažera.
Brand Book prochází revizí jednou ročně. Asset Library se aktualizuje průběžně – nové podklady přidáváme do 48 hodin od schválení. Verze souborů jsou označeny datem v názvu.
Všechny dokumenty jsou dostupné ve formátech PDF a interaktivní webová verze. Pro tisk používejte výhradně PDF verze s ořezovými značkami.
Dva sloupce dobře fungují jako „název vlastnosti → konkrétní hodnota". Často je použijete u technických specifikací, kontaktů nebo shrnutí stylu.
| Parametr | Hodnota |
|---|---|
| Primární typografie | Viz sekce Fonty v tomto manuálu |
| Barevný prostor webu | sRGB |
| Barevný prostor tisku | Podle profilu výrobce (ICC) |
| Kontakt pro dotazy | brand@firma.cz |
Sekce podporuje libovolný počet sloupců – čím jich je víc, tím užší jsou buňky na mobilu (šířka se řeší horizontálním posuvem). Ukázka níže simuluje přehled výstupů napříč médii.
Široké tabulky se na mobilu automaticky posouvají horizontálně.
| Výstup | Rozlišení / velikost | Poměr | Formát souboru | Max. délka / hmotnost |
|---|---|---|---|---|
| Hlavní banner web | 1920 × 600 px | 16:5 | WebP / JPG | do 250 kB |
| Příspěvek Instagram | 1080 × 1080 px | 1:1 | JPG / MP4 | video do 60 s |
| Cover LinkedIn | 1584 × 396 px | 4:1 | JPG / PNG | statický obrázek |
| Roll-up tisk | 850 × 2000 mm | — | PDF/X nebo PDF | fonty osazeny (vektor) |
Buňky tabulky zvládnou i souvětí nebo krátké odstavce. Použijte to, když nechcete rozpadat související informace do několika sekcí, ale stále chcete zachovat sloupcovou strukturu.
| Téma | Popis pro tým |
|---|---|
| Tón komunikace | Držíme se přímého, klidného vyjadřování. Vyhýbáme se žargonu, pokud adresátem není odborník. V kampaních můžeme přidat lehký humor, ale nikdy na úkor srozumitelnosti. |
| Ilustrace | Preferujeme jednoduché tvary a omezenou paletu odvozenou od primárních barev značky. Složité photorealistické montáže používáme jen u produktových šarží schválených marketingem. |