Obsah · Kapitola 7 · Barvy a motiv

Barvy a motiv

← Kapitola 7: Administrace a konfigurace

V administraci v sekci Barvy & motiv zvolíte vzhled celé aplikace. Stejný motiv se aplikuje na všechny varianty exponátu i administraci – návštěvník i obsluha tak na první pohled poznají, který kiosk patří kam (např. Měď pro průmyslový areál, Smaragd pro park).

  • theme_preset – ID motivu (viz tabulka níže) nebo custom
  • theme_customize – zapne ruční úpravu barev vybraného motivu
  • theme_colors – vlastní hodnoty palety (14 polí: pozadí, akcenty, texty, stavy, avatar)
  • Na stránkách exponátu je atribut data-theme="…" pro rychlou kontrolu v prohlížeči
  • Stejné barvy používá i komiksová bublina nad avatarem – viz návod k bublině

Interaktivní náhled motivů

Klepněte na motiv – celý návod se přebarví podle vaší volby a uloží do cookies prohlížeče (platí i po znovuotevření stránek). Stejný výběr pro kiosk provedete v administraci (sekce Barvy & motiv). Motiv z konfigurace serveru: Modrý oceán.

Náhled exponátu

Poslouchám…
Klepněte pro start

Přehled motivů v tabulce

Motiv ID Vhodné pro
Modrý oceán v configu ocean Výchozí modro-fialový – univerzální AI look
Smaragd emerald Zelená příroda – parky, zahrady, ekologie
Rubín ruby Teplá červená – výrazný stánek na veletrhu
Jantar amber Oranžovo-zlatá – industriální / historický charakter
Fialka violet Fialová – kreativita, kultura, umění
Ledový cyan cyan Svěží modro-tyrkysová – technika a budoucnost
Limetka lime Svitřivá zelená – dětský svět, zábava
Růže rose Růžová – přátelský, neformální tón
Břidlice slate Neutrální šedo-modrá – firemní prezentace
Měď copper Teplá měděná – hutě, průmysl, areál
Vlastní paleta custom Kompletní ruční volba všech barev v adminu (color picker + hex)

Co paleta ovlivňuje

  • Pozadí stránky, panely, přechody a startovací overlay
  • Tlačítka, stavy mikrofonu, výběr Rive avatarů, D-ID loader
  • SVG avatar základní varianty (obličej, záře, oči)
  • Admin panel včetně náhledu motivu před uložením
Tip pro více míst: Každá instalace může mít jiný motiv – např. copper v hutích, lime v dětském světě, cyan u technických expozic. Po uložení v adminu stačí obnovit stránku exponátu (F5). Nebo použijte parametr color v URL – viz níže.

Parametr color v adresním řádku

Na stránkách exponátu lze motiv dočasně zvolit parametrem color – nezávisle na tom, co je uloženo v administraci nebo v config. Užitečné pro více kiosků na jedné instalaci, rychlé srovnání palet nebo QR kódy s pevným vzhledem.

  • Formát: index?color=ID_motivu (malá písmena, bez mezer)
  • Platí pro všechny varianty: index, rive, live2d, did
  • Přepíše celou paletu daného motivu včetně barev SVG avatara, pozadí, tlačítek a bubliny
  • Nezmění uložené nastavení – po odstranění parametru z URL se znovu použije motiv z adminu
  • Vlastní paleta (custom) parametrem volat nelze; neplatné ID se ignoruje
Varianta Příklad Motiv
Základní SVG index?color=emerald Smaragd – zelená příroda
Rive rive?color=copper Měď – hutě a průmysl
Live2D live2d?color=violet Fialka – kultura a umění
D-ID did?color=ruby Rubín – výrazný stánek

ID motivů odpovídají sloupci v tabulce výše (ocean, emerald, ruby, amber, violet, cyan, lime, rose, slate, copper). V administraci je stejný přehled v sekci Barvy & motiv.