Nastavení Vzhledu mohou přistupovat a upravovat pouze Super administrátoři a Administrátoři. Pokud tuto možnost pod Konfigurací pracovního prostoru nevidíte, požádejte svého Super administrátora o kontrolu vaší role.
Přístup k nastavení Vzhledu
Otevřete Konfiguraci pracovního prostoru
V levém navigačním menu klikněte na Konfigurace pracovního prostoru.
Přizpůsobení každého vizuálního prvku
Primární barva
Primární barva se aplikuje na tlačítka, aktivní odkazy, zvýrazněné stavy a klíčové prvky rozhraní napříč celou platformou.- Zvolte barvu, která odráží základní identitu vaší značky.
- Toto je nejvýznamnější nastavení barvy, protože se zobrazuje všude v uživatelském rozhraní.
Barva pozadí postranního panelu
Barva pozadí postranního panelu nastavuje základní odstín levého navigačního panelu.- Použijte barvu, která vytváří jasné vizuální oddělení mezi postranním panelem a hlavní oblastí obsahu.
- Tmavá pozadí se světlým textem obecně dosahují nejlepší čitelnosti.
Barva textu postranního panelu
Barva textu postranního panelu ovládá barvu popisků všech navigačních položek v levém menu.- Vždy volte barvu s výrazným kontrastem vůči barvě pozadí postranního panelu.
- Nízký kontrast ztěžuje čtení odkazů a snižuje přístupnost.
Barva pozadí postranního panelu při najetí myší
Tato barva se zobrazí jako zvýraznění pozadí, když uživatel přesune kurzor na položku navigace postranního panelu.- Signalizuje interaktivitu a pomáhá uživatelům rozpoznat, na kterou položku se chystají kliknout.
- Zvolte barvu, která je viditelně odlišná od výchozího pozadí postranního panelu i od barvy aktivní položky.
Aplikování zvolených barev
Otevřete výběr barvy pro každé pole
Klikněte na barevný vzorek vedle kteréhokoli ze čtyř polí vzhledu — Primární barva, Pozadí postranního panelu, Barva textu postranního panelu nebo Barva pozadí při najetí myší — a otevřete výběr barvy.
Zadejte hexadecimální kód nebo vyberte barvu
Zadejte přesný hexadecimální kód vaší značky (např.
#3B5BDB) přímo do vstupního pole nebo použijte vizuální výběr k zvolení odstínu.Zobrazte si náhled změn
Před uložením zkontrolujte, jak aktualizované barvy vypadají v postranním panelu a v celém rozhraní.
Obnovení výchozího motivu
Pokud chcete odebrat veškerý vlastní branding a obnovit původní barevné schéma AgencyHandy, klikněte na tlačítko Obnovit výchozí nastavení na stránce Vzhledu.Osvědčené postupy pro barevný kontrast
Dobrý barevný kontrast není jen otázkou designu — přímo ovlivňuje čitelnost a přístupnost pro váš tým i klienty.Usilujte o kontrastní poměry WCAG AA
Pro normální tělo textu používejte kontrastní poměr alespoň 4,5:1 mezi textem a pozadím. Pro velký text nebo ikony je přijatelný poměr 3:1. K ověření použijte nástroj jako WebAIM Contrast Checker.
Vyhněte se kombinacím s nízkým kontrastem
Nekombinujte světle šedý text na bílém pozadí nebo žlutý text na bílém — tyto kombinace nesplňují standardy přístupnosti a při delších sezeních zatěžují oči.
Záměrně testujte stavy při najetí myší
Barvy při najetí myší by měly být viditelně odlišné od klidového i aktivního stavu. Pokud vypadají stejně, uživatelé ztrácejí důležitou vizuální zpětnou vazbu.
Udržujte konzistenci s vaší značkou
Používejte stejnou primární barvu zde jako na svých webových stránkách, návrzích a fakturách. Konzistentnost buduje rozpoznatelnost a profesionalitu napříč všemi kontaktními body s klienty.
Důležité poznámky
- Okamžitý globální efekt: Všechny uložené změny vzhledu se okamžitě aplikují v celém pracovním prostoru. Každý přihlášený uživatel uvidí aktualizaci při příští navigační akci.
- Jeden aktivní motiv: Podpora více motivů není k dispozici — jedna sada barev se vztahuje na celý pracovní prostor pro všechny role.
- Omezení podle role: Změny vzhledu mohou provádět pouze Super administrátoři a Administrátoři. Běžní členové týmu a klienti nemohou barvy upravovat.
- Obnovení je trvalé: Tlačítko Obnovit výchozí nastavení nelze vrátit zpět, proto jej používejte pouze tehdy, když záměrně chcete odebrat všechny vlastní barvy.

