Přehled všech sekcí
Přehled všech typů sekcí: k čemu který slouží, kdy je lepší zvolit jiný a na kterých stránkách ho najdete. Skupiny odpovídají dialogu „Vyberte typ sekce“ v panelu.
Společné vlastnosti všech sekcí
Každá sekce má název, který se na webu zobrazí jako její nadpis. Většina sekcí má vlevo Popisek pod nadpisem této sekce a Info box (zvýrazněný text) ve variantě Poznámka, Tip nebo Upozornění.
Mnoho sekcí umí pod obsahem zobrazit tlačítka (externí odkaz, stránka manuálu nebo soubor ke stažení) a rozbalovací obsah. Odkaz i soubor v tlačítku můžete chránit heslem nebo firemní e-mailovou doménou – viz Zamčení souborů ke stažení.
Jak sekci přidat, přesunout nebo skrýt, popisuje stránka Práce se sekcemi.
Texty a data
| Sekce | K čemu | Kdy raději jinou |
|---|---|---|
| Text | Výklad a pravidla – poslání značky, tón komunikace, postupy. Umí nadpis a podnadpis, tučné písmo, odrážky, číslované a zaškrtávací seznamy, odkazy a kód. | Dlouhý seznam otázek nebo pravidel – Rozbalovací obsah (akordeon). Správný a nesprávný zápis názvu – Psaní názvů a textů. |
| Rozbalovací obsah (akordeon) | Položky s nadpisem, které se rozbalí kliknutím – časté otázky, podrobná pravidla. Volitelně obrázek nad položkami a tlačítka pod nimi. | Krátký text, který má být vidět hned – Text. |
| Psaní názvů a textů | Vedle sebe ✅ správný a ❌ nesprávný zápis. Režim Psaní názvů (barevně, bez formátování) nebo Psaní textů (s formátováním). | Obecný výklad bez srovnání – Text. |
| Tabulka | Data v řádcích a sloupcích – formáty tiskovin, rozměry, kódy. Styl Výchozí, Vodorovné linky, Svislé linky nebo Mřížka; pod tabulkou může být text, tlačítka a rozbalovací obsah. | Barevné hodnoty – Vzorník barev. Souvislý text – Text. |
Podrobnosti najdete na stránce Text, nadpisy a rozbalovací obsah.
Obrázky a ikony
| Sekce | K čemu | Kdy raději jinou |
|---|---|---|
| Obrázek (jednoduchý) | Jeden nebo více obrázků pod sebou, každý s volitelným textem. Nabízí volbu Po kliknutí zobrazit velký náhled. | Obrázek s tlačítky ke stažení – Obrázek (multifunkční). Řada příkladů – Galerie obrázků. |
| Obrázek (multifunkční) | Obrázek s tlačítky (odkaz, stránka, soubor) a rozbalovacím obsahem pod ním. Více vybraných obrázků se zobrazí jako slideshow. | Samotný obrázek bez tlačítek – Obrázek (jednoduchý). |
| Obrázek s body (interaktivní) | Číslované body přímo na obrázku – mockup, vizitka, polep auta. Text bodu se zobrazí jako tooltip nebo v seznamu pod obrázkem. Není k dispozici na stránce Písma. | Stačí popisek pod obrázkem – Obrázek (jednoduchý). |
| Galerie obrázků | Řada příkladů s popisky. Každý obrázek můžete označit ✅ Povoleno nebo ❌ Zakázáno – vhodné pro správné a nesprávné použití loga. Počet zobrazených obrázků lze omezit, další se načtou tlačítkem „Načíst další“. | Fotografie, které si návštěvníci prohlédnou zblízka na celé obrazovce – Velká galerie. |
| Velká galerie | Obrazová banka – fotografie ve vyšším rozlišení s malými nebo velkými náhledy. Jen na stránce typu Velká galerie. | Několik ilustračních obrázků na obsahové stránce – Galerie obrázků. |
| Karusel (slideshow) | Snímky jeden po druhém s přechodem Posun nebo Prolnutí – například série kampaňových vizuálů. | Všechny obrázky mají být vidět najednou – Galerie obrázků. |
| Proces tvorby | Dva až pět očíslovaných kroků s obrázkem a popisem – například jak vzniklo logo. | Srovnání pouze dvou stavů – Před a po (posuvník). |
| Před a po (posuvník) | Dvojice obrázků, které návštěvník porovná posuvníkem – například starý a nový vizuál. | Více než dva stavy – Proces tvorby nebo Galerie obrázků. |
| Ikony | SVG ikony v mřížce, všechny pohromadě nebo ve skupinách. Návštěvník si je může přebarvit a stáhnout jako SVG, PNG, WebP nebo PDF ve velikosti 16 až 1024 px, případně všechny najednou v ZIPu. | Jedna dekorativní ilustrace – Obrázek (jednoduchý). |
Podrobnosti najdete na stránce Obrázky a galerie.
Audio, video a média
| Sekce | K čemu | Kdy raději jinou |
|---|---|---|
| Video & Animace | Jedno nebo více videí a animací: YouTube, vlastní videosoubor nebo animace Lottie. Malé nebo velké náhledy, text pod videem. | Video s tlačítkem pro stažení podkladu – Video & Animace (multifunkční). Vimeo nebo Loom – Vložený obsah (Embed). |
| Video & Animace (multifunkční) | Jedno video nebo animace s tlačítky a rozbalovacím obsahem pod nimi. | Více videí vedle sebe – Video & Animace. |
| Audio | Zvukové logo, znělka nebo hlasová ukázka (MP3, WAV). Každá stopa má volbu Povolit stažení. Není k dispozici na stránce Barvy. | Video se zvukem – Video & Animace. |
| Vložený obsah (Embed) | Živý obsah z jiné služby vložený odkazem: Figma, Canva, Miro, Google dokumenty, tabulky a prezentace, Loom, Pitch, PDF, YouTube, Vimeo a další. | Soubor, který si mají lidé stáhnout – Soubory ke stažení. Vlastní HTML nástroj – stránka typu Vlastní online nástroj. |
| Soubory ke stažení | Seznam souborů s popiskem, názvem, velikostí a tlačítkem ke stažení. Každý soubor lze chránit heslem nebo e-mailovou doménou. | Jeden soubor u obrázku nebo videa – tlačítko ke stažení přímo v dané sekci. |
Podrobnosti najdete na stránkách Video, audio a animace, Soubory ke stažení a Vložený obsah a vlastní nástroje.
Navigace a odkazy
| Sekce | K čemu | Kdy raději jinou |
|---|---|---|
| Karty s odkazy | Karty odkazující na jiné stránky manuálu nebo na libovolnou adresu. V jedné sekci Textové karty nebo Obrázkové karty. Když vyberete více stránek najednou, vznikne karta pro každou z nich. | Jediný odkaz – tlačítko v jiné sekci nebo odkaz v Textu. |
| Textové karty (rozcestník) | Textové karty vybraných stránek a karty s externími odkazy. Hlavní sekce stránky typu Rozcestník. | Na obsahové stránce stačí Karty s odkazy, které nabízejí textové i obrázkové karty. |
| Obrázkové karty (rozcestník) | Karty s obrázkem a nadpisem, které odkazují na stránku nebo adresu URL. Pro stránky typu Rozcestník. | Na obsahové stránce Karty s odkazy s volbou Obrázkové karty. |
Karty na úvodní stránce manuálu popisuje stránka Karty na úvodní stránce.
Barvy a písmo
| Sekce | K čemu | Kdy raději jinou |
|---|---|---|
| Vzorník barev | Barvy značky s hodnotami HEX, CMYK, Pantone C a U, RAL, NCS a 3M. Velikost Malý, Střední nebo Velký; návštěvník si paletu může stáhnout. | Odstíny jedné barvy pohromadě – Paleta barev. |
| Paleta barev | Skupiny barev (například odstíny modré) v jednom pruhu. Velikost Kompaktní nebo Široká. | Hlavní barvy s plnými hodnotami pro tisk – Vzorník barev. |
| Barevné přechody | Přechody ze dvou nebo tří barev. | Jednotlivé barvy – Vzorník barev. |
| Kontrola kontrastu | Interaktivní nástroj: návštěvník zvolí barvu textu a pozadí a uvidí hodnocení AA a AAA. Jen na stránce Barvy. | Pevně daný výčet povolených kombinací – Galerie obrázků s ✅ a ❌. |
| Poměry barev | V jakém poměru se barvy používají – jeden univerzální poměr, nebo zvlášť pro světlý a tmavý režim. Jen na stránce Barvy. | Výčet barev bez proporcí – Vzorník barev. |
| Písmo | Ukázka písma: znaky, informace o písmu, tester, používané řezy a tlačítka pro stažení (ZIP), odkaz nebo e-mail. Jedna sekce pro každou rodinu písma, jen na stránce Písma. | Pravidla sazby popsaná slovy – Text. |
Speciální
| Sekce | K čemu | Kdy raději jinou |
|---|---|---|
| Graf (vizuální osa) | Osy mezi dvěma protiklady (například tradiční – moderní) s tečkou, která ukazuje, kde značka stojí. Hodí se pro popis osobnosti a tónu značky. Není k dispozici na stránce Barvy. | Číselná data – Tabulka. |
| E-mailový podpis | HTML kód podpisu s vyznačenými místy k úpravě. Návštěvník doplní své jméno a kontakt a podpis si zkopíruje. Není k dispozici na stránce Barvy. | Složitější generátor (vizitky, bannery) – stránka typu Vlastní online nástroj. |
E-mailový podpis a vlastní nástroje porovnává stránka Vložený obsah a vlastní nástroje.
Které sekce nabízí který typ stránky
| Typ stránky | Nabízené sekce |
|---|---|
| Obsahová stránka | Všechny obecné sekce včetně rozcestníkových karet. Nenabízí: Písmo, Kontrola kontrastu, Poměry barev, Velká galerie. |
| Logo | Stejné jako obsahová stránka, ale bez rozcestníkových karet. |
| Písma | Písmo a obecné sekce kromě Obrázku s body a rozcestníkových karet. |
| Barvy | Všechny barevné sekce včetně Kontroly kontrastu a Poměrů barev a většina obecných. Nenabízí: Psaní názvů a textů, Audio, Graf, E-mailový podpis, rozcestníkové karty. |
| Velká galerie | Jen Velká galerie. |
| Centrum stahování | Soubory ke stažení a Karty s odkazy. |
| Psaní názvů | Jen Psaní názvů a textů. |
| Rozcestník | Textové karty (rozcestník) a Obrázkové karty (rozcestník). |
Jednotlivé typy stránek podrobně popisuje stránka Typy stránek.
Starší typy sekcí
Ve starších manuálech můžete narazit na sekce Archetyp, Velký vzorník barev, Malý vzorník barev a Google Drive. Na webu se dál zobrazují a v panelu je můžete upravit, nové už ale přidat nelze. Místo starých vzorníků použijte Vzorník barev (nabízí velikost Malý, Střední i Velký), místo Google Drive sekci Vložený obsah (Embed).