A vizuális identitás a kék, a narancssárga, a fehér és a szürke közötti kontrollált kontrasztra épül. A kék és a szürke a szerelési téma funkcionális jellegét erősíti, míg a narancssárga a kiemelt figyelmet igénylő műveleteknek van fenntartva, amilyen a „Foglaljon most” és a „HÍVJON MINKET”. A fehér tartalmi felületek szellős teret hagynak a középre zárt foglalási blokk és a tagolt szolgáltatási részek körül, így a kiemelőszín feltűnő marad anélkül, hogy állandó háttérszínné válna.
A nagyméretű talpatlan tipográfia a közvetlen, szolgáltatásközpontú hangvételt erősíti. Az olyan címsorok, mint a „Szolgáltatások”, a „Gyors segítségre van szüksége?”, a „Kiváló minőség” és a „Szolgáltatásaink”, világos vizuális támpontokat nyújtanak, miközben a festés, a villanyszerelés és a javítás kategóriái egységes, könnyen átlátható rendszerben jelennek meg. A tipográfia így a márka következetességét és a kínálat gyors megértését egyaránt szolgálja.
A fényképek szintén meghatározó, visszatérő arculati elemek. A hero szekcióban látható szakember azonnal azonosítja a témát, a javítási képek az azonnali segítséget és a minőséget taglaló részeket támasztják alá, a vízszerelést bemutató négyképes blokk pedig anélkül bővíti a képi világot, hogy megbontaná a színpalettát. A képekre épülő felületeket fehér és szürke szöveges szakaszok ellensúlyozzák, így az oldal üzenete nem kizárólag a fotókon múlik. A kiemelőszín, a nagy betűk, a funkcionális képi világ és a cselekvésre ösztönző gombok egységes stílusa együttesen olyan vizuális nyelvet alkot, amely a kapcsolódó aloldalaknak is biztos alapot adhat.
A (z) Weboldal tervező használatakor módosíthatja a színeket, a betűtípusokat, a fejlécet és a homályosítást, az elrendezést, az oszlopokat és más design elemeket, valamint a tartalmat és a képeket.
Használd a Témabeállítások funkciót a weboldal vizuális alapjának meghatározásához az oldalakon és a szakaszokon. Állíts be globális színeket, betűtípusokat és tipográfiát, hogy a weboldal ugyanazt a dizájnirányt kövesse, ahelyett, hogy minden oldalt külön-külön stílusoznál.
Válassz egy olyan színsémát és betűtípus-kombinációt, amely illik a weboldal jellegéhez, majd finomhangold a H1-H6 címsorokat, a normál szöveget, a linkeket, a gombokat, az idézeteket, a listákat és az egyéb tipográfiai stílusokat. Ezen beállítások következetes használata segít egyértelmű vizuális hierarchiát létrehozni, és az ismétlődő dizájnelemek felismerhetőek maradnak a weboldalon.
Használd az Animációs effektusok funkciót a weboldal dizájnjának dinamikusabbá és interaktívabbá tételéhez. Az elemek és konténerek olyan effektusokat használhatnak, mint a Megjelenítéskor futtatás, az Elemzéskor animáció és az Animáció szinkronban görgetéssel, hogy bemutassák a tartalmat, ahogy a látogatók a webhelyen mozognak, vagy reagálnak a felhasználói interakcióra. Az animációs előbeállítások kész effektusokat kínálnak, amelyek a webhely vizuális stílusához igazíthatók.
Alkalmazza ugyanazt a tervezési irányt a megosztott webhelyelemekre, például a fejlécre, a menüre és a láblécre. A Témabeállítások Panel összehozza a webhely egészére kiterjedő közös stílusvezérlőket, így könnyebb fenntartani az összehangolt megjelenést, miközben a webhely több oldalra bővül.
Ez a munkafolyamat hasznos kiindulóponttá teszi a sablont egy olyan webhely létrehozásához, amely egységes vizuális identitással, összehangolt színekkel és tipográfiával, megosztott tervezési szabályokkal és interaktív effektusokkal rendelkezik az oldalakon.