Dizajn, ktorý sedí vašej značke.
Bez návrhára.

Webaster vám dáva nástroje na ladenie vzhľadu webu — farby, písma, hotové dizajnové témy aj vlastné štýly. Stačí kliknúť, posunúť posuvník alebo zadať farbu — a celý web vyzerá tak, ako chcete.

Tri spôsoby, ako si upraviť vzhľad

Hotové témy

Vyberte si z 8 pripravených štýlových tém (kombinácia farieb a typografie). Zmena sa premietne do celého webu jedným klikom — tlačidlá, nadpisy aj formuláre dostanú nový štýl naraz.

Jedna farba → celá paleta

Zadáte jednu značkovú farbu a Webaster z nej dopočíta harmonickú paletu vrátane tmavého (dark mode) variantu. Použije ju konzistentne na každej stránke, v každej sekcii.

Pre pokročilých

Ak ovládate štýly CSS alebo máte vlastného návrhára, môžete pridať vlastné štýly pre detailné úpravy. Bežný používateľ to nepotrebuje.

Ako si upraviť vzhľad webu

Vyberte si tému

Otvorte zoznam dizajnových tém a kliknite na tú, ktorá vašej značke najlepšie sedí. Celý web sa preformátuje za sekundu — farby, písma, štýly tlačidiel aj rozostupy. Vlastnú kombináciu farieb aj typografie si viete uložiť ako vlastnú tému.

Zadajte farbu značky

Zadáte hlavnú firemnú farbu a Webaster z nej dopočíta celú paletu vrátane tmavého režimu. Typografia je plynulá (fluid) — veľkosti nadpisov aj textu sa hladko škálujú podľa šírky obrazovky, takže vyzerá dobre na mobile aj veľkom monitore.

Detailné úpravy pre pokročilých

Ak chcete viac, máte k dispozícii pole na vlastné CSS štýly. Tu si návrhár alebo programátor doladí drobnosti, ktoré štandardné nastavenia nepokrývajú.

Všetko, čo môžete na vzhľade nastaviť

8 štýlových tém

Pripravené kombinácie farieb a typografie na štart, s možnosťou uložiť si vlastnú

Jedna farba → celá paleta

Zadáte značkovú farbu a systém dopočíta harmonickú paletu

Tmavý režim (dark mode)

Automatický tmavý variant palety

Plynulá (fluid) typografia

veľkosti písma sa hladko škálujú podľa šírky obrazovky

Knižnica písiem

Vyberte si zo zoznamu populárnych slovenských a svetových písiem

Animácie pri scrollovaní

Postupné odhaľovanie obsahu a vypisovanie nadpisov po slovách

Tvarované predely, prechody, sklo, parallax

Shape dividers, farebné gradienty, priehľadné „glass" pozadia a parallax efekt na sekciách

Bežiaci text (marquee) a počítadlá

Animovaný pás textu a odpočítavané čísla

Viacúrovňové megamen

Rozbaľovacia navigácia s viacerými stĺpcami

Fotoeditor

Orežte a upravte obrázky priamo v editore, bez externého nástroja

Logo a favicon

Nahrajte logo aj malú ikonu, ktorú vidno v záložke prehliadača

Konzistentný štýl

Nadpisy, tlačidlá, formuláre — všetko v jednotnom dizajne

Responzívny dizajn

Vzhľad sa prispôsobí mobilu, tabletu, notebooku aj veľkému monitoru

Vlastné CSS

Pre návrhárov a programátorov, ktorí chcú detailnú kontrolu

Často kladené otázky o vzhľade

Musím rozumieť dizajnu, aby som si web upravil?
Nie. Stačí vám vedieť firemné farby a vybrať si písmo. Hotové témy sa starajú o všetko ostatné — rozostupy, veľkosti písma, štýly tlačidiel.
Môžem si pridať vlastné písmo?
Áno. Webaster podporuje knižnicu populárnych písiem aj vlastné nahrané písma v bežných formátoch.
Vyzerá web rovnako na všetkých zariadeniach?
Vzhľad je jednotný, ale prispôsobí sa veľkosti obrazovky. Na mobile sa stĺpce posúvajú pod seba, na monitore sú vedľa seba. Farby, písma a štýl ostávajú rovnaké.
Ako rýchlo sa mi prejaví zmena farby alebo písma?
Okamžite. Zmenu vidíte v editore aj v náhľade. Po publikovaní sa prejaví aj na živom webe za pár sekúnd.
Môžem zmeniť tému, keď už mám hotový web?
Áno. Tému môžete zmeniť kedykoľvek. Vaše texty, obrázky a obsah ostanú zachované — zmení sa iba vizuálny štýl.
Viem pridať na web animácie?
Áno. V nastaveniach štýlov zapnete animácie pri scrollovaní — obsah sa postupne odhaľuje a nadpisy sa dajú „vypisovať" po slovách. K dispozícii sú aj efekty ako bežiaci text (marquee), počítadlá, tvarované predely, gradienty, „glass" pozadia a parallax.
Mám prístup k zdrojovému CSS?
Áno. V nastaveniach máte pole na vlastné CSS, kde môžete pridať štýly pre detailné úpravy. Ak ovládate CSS, môžete si web prispôsobiť do najmenšieho detailu.

Skúste si vytvoriť vlastný dizajn

Bez návrhára. Bez programátora. Stačí jedno popoludnie.