A design vizuális identitása a visszafogott munkaterület és a nagy kontrasztú záróblokk összjátékából születik meg. A világosszürke árnyalat körbeöleli a fő kapcsolati részt, míg a lekerekített fehér kártyák elkülönítik a telefonos és e-mailes elérhetőségeket a környező felülettől. A narancssárga részletek hangsúlyt adnak anélkül, hogy elnyomnák a semleges alapot, így az ajánlatkérő űrlap és a kapcsolatfelvételi információk egyetlen összehangolt vizuális rendszer benyomását keltik. A kompakt talpatlan betűtípus és a szellős térközök révén a tartalom az oldal üzleti jellege ellenére is könnyen olvasható marad.
A második szakasz promóciós elrendezésben viszi tovább ezt az arculatot. A növekedési üzenet, a kiemelt telefonszám és az „Ingyenes audit kérése” művelet ugyanazon a világos felületen kapnak hangsúlyt, míg a négy ügyféllogó-kártya ismétlődő motívumot vezet be. Egységes megjelenésük közvetlenül kapcsolja a cselekvésre ösztönző blokkot az oldal szolgáltatásközpontú céljához anélkül, hogy minden egyes szolgáltatáshoz külön vizuális stílusra lenne szükség.
Az élénklila lábléc a legerősebb arculati jelölő. A fehér szöveg, a logó, a vízszintes elválasztóvonal és a narancssárga közösségimédia-ikonok markáns kontrasztot képeznek a felette elhelyezkedő világos kapcsolati zónával. Négy információs oszlop rendezi a szolgáltatások navigációját, a „Rólunk” hivatkozásokat, az elérhetőségeket és a közösségi profilokat ezen a színes felületen belül. A végeredmény egy könnyen felismerhető formanyelv, amely a díszítő túlkapások helyett a világos felületekre, a lekerekített fehér panelekre, a meleg részletekre, a feszes tipográfiára és az élénk lila záróelemre támaszkodik.
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.