Design
4 minuty
V solidpixels si dokážete upravit celý web podle svých potřeb tak, aby přesně odpovídal vaší indentitě.
Jednotný design napříč celým webem
V solidpixels si dokážete upravit celý web podle svých potřeb tak, aby přesně odpovídal vaší indentitě. Cílem nastavení designu v solidpixels je vytvořit design systém - sadu jednotných pravidel pro vzhled všech komponent webu. Místo úprav jednotlivých prvků nastavujete globální vlastnosti základních komponent jako je typografie, barvy a navigace. Tyto úpravy se pak projeví na celém webu a zajistí, že vzhled celého webu bude konzistentní a jednotný.
Změny designu s živým náhledem
Záložku Design otevřete pomocí ikonky pírka v levé liště nebo vyhledáním ve Spotlightu (Ctrl/⌘ + K).
V otevřeném Designu pak můžete upravovat vzhled jednotlivých komponent na webu. Díky zobrazení Designu zároveň s obsahem webu pak uvidíte své úpravy živě přímo v obsahu.

Snadná změna barev pomocí Proměnných
Ambasadoři solidpixels mají k dispozici lištu Design s rozšířenými funkcemi Proměnné a Vrstvy.
Proměnné vám umožňují ukládat barvy a barevné gradienty, které pak můžete připojit jednotlivým komponentám v Designu místo klasického nastavení barev. Následně můžete změnit již dříve nastavenou barvu napříč celým webem. Stačí jí upravit v záložce Proměnné a změna se projeví u všech komponent, které mají danou proměnnou připojenou.
Pokud se tak při tvorbě webu rozhodnete pro jinou barevnou kombinaci nebo vás v budoucnu čeká změna celkové vizuální identity, proměnné vám značně usnadní veškeré úpravy.

Vrstvy pro práci se strukturou stránek
Druhou funkcí pro Ambasadory jsou Vrstvy. V této záložce vidíte všechny bloky a sekce umístěné na právě otevřené stránce. Zároveň zde vidíte přehlednou strukturu obsahu, jeho rozdělení do sekcí, řádků a sloupců.
Snadno tak můžete pracovat s rozložením obsahu a jeho zobrazením na různých zařízeních. Vidíte taky hierarchii všech komponent a snadno tak upravíte jejich řazení. Pokud navíc často využívate posun sekcí a obsahu stránek, jednoduše pomocí Vrstev označíte obsah, který je překrytý.

Položky Designu
V nastavení designu můžete globálně upravovat čtyři kategorie obsahu vašeho webu:
Obecný obsah zahrnuje obsah zobrazený napří webem, jako je Hlavička, Sekce a Patička. Můžete zde upravit vzhled hlavičky, barvu a velikosti textů nebo barvy a odsazení sekcí či patičky.
Layout zahrnuje všechny bloky, do kterých lze vložit obsah, např. Harmonika, Slider nebo Box. Nastavíte zde výchozí pozadí a vnitřní odsazení těchto bloků. Bloky v kategorii Layout mají také možnost upravit pozadí a odsazení přímo v nastavení bloků. I přes nastavení v Designu tak můžete tvořit unikátní grafické prvky, které se vymykají globálnímu nastavení.
Obsah zahrnuje všechny zbývající bloky od Tlačítek po Dělící čáry. Nastavení těchto bloků se liší podle potřeb a vlastnostní jednotlivých prvků.
Ostatní obsahuje zbývající prvky webu – Cookie lištu, Vyhledávání a Video.