A vizuális nyelv néhány tudatosan ismétlődő formai kapcsolatra épül. Az élénksárga a legfontosabb promóciós és bizalomépítő blokkokban jelenik meg, beleértve a hero szekció környezetét, a megbízhatósági üzenetet, a belső felújításokat kiemelő tartalmat és a szakértői szolgáltatások területét. A fehér tartalmi zónák letisztult hátteret biztosítanak a részletes javítási listának és a szövegigényes részeknek, míg az antracitszürke háttér kiemeli a vállalat négy előnykártyáját és három szakmai szolgáltatáskártyáját. A színpaletta így különösebb formai túlbonyolítás nélkül választja el a hangsúlyokat, a magyarázatokat és a kísérő tartalmi blokkokat anélkül, hogy minden részhez új grafikai megoldásra lenne szükség.
A munkavégzés közben látható szakemberek fotói az arculat másik alappillérét alkotják. A képek közvetlenül a bevezető szolgáltatásismertető, a megbízhatósági nyilatkozat, a belső felújítási leírások és a szakértői ellenőrzőlista mellett kapnak helyet, így az embert és a kézzelfogható munkát állítják a középpontba. Az ismétlődő kártyastruktúra ezt a logikát viszi tovább a szolgáltatások ismertetésében: az előnykártyák a cég erősségeit közvetítik, a kategóriakártyák összefoglalják a szakterületeket, a szakmai kártyák pedig további témákat rendszereznek. Ezek a csoportok kifejezetten harmonikusak, hiszen elrendezésük és kontrasztjuk a tartalom változása ellenére is azonos marad.
A hangsúlyos talpatlan betűkészlet támogatja a címsorok egyenes stílusát, az „Otthoni javítási szolgáltatások” sortól egészen az „Ismerje meg lakásszerviz-szakértőinket” címig. Az olyan gombok, mint a „Kapcsolat”, „Szolgáltatások”, „További információ” és „Küldjön üzenetet”, egységes interakciós pontokat jelölnek ki, a nagyvonalú térközök pedig megakadályozzák, hogy a sokrétű kínálat túlzsúfolttá tegye az oldalt. A színskála, a képi világ, a betűvastagság, a kártyák és a térközök együtt olyan átfogó vizuális irányt jelölnek ki, amely zökkenőmentesen átültethető a kapcsolódó szolgáltatási oldalakra is.
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.