A dizájnnyelv már azelőtt egyértelművé válik, hogy a látogatók elérnék a részletes szolgáltatásokat. Az élénksárga adja a legfőbb hangsúlyt a hero szekcióban, ahol keretbe foglalja a szakember nagyméretű fotóját és a „Megbízható, hiteles és professzionális szolgáltatások” üzenetet. Az antracit és fekete területek vizuális súlyt és kontrasztot biztosítanak, különösen a záró kapcsolatfelvételi részlegnél, míg a fehér hátterek és szövegmezők megakadályozzák, hogy a sötétebb árnyalatok elnehezítsék az oldalt.
A tipográfia határozott talpatlan címsorokkal és tömör kísérőszövegekkel erősíti ezt az arculatot. Az összkép közvetlen és gyakorlatias, mentes a szerkesztői vagy túlburjánzó díszítésektől. A négy szolgáltatáskártya ugyanezt a stílust viszi tovább egy ismétlődő komponensmintában: ikonok, rövid leírások és „Tovább” hivatkozások segítségével kapcsolja össze az asztalosmunkát, a burkolást, a festést és a villanyszerelést egyetlen szerves szolgáltatásrendszerré.
A kilenc kártyából álló galéria lakásfelújítási felvételekkel mélyíti el az arculatot. A konyhai, munkapult-, festési, falfelületi, padlóburkolási, villanyszerelési, vízvezeték-szerelési, ezermesteri és takarítási kártyák képekre épülő elrendezéssel kötik össze a vizuális témát a konkrét szakterületekkel. A szellős elrendezés megelőzi a galéria túlzsúfoltságát, miközben az ecsetvonásos háttértextúrák kézműves, gyakorlatias jelleget kölcsönöznek a felületnek. A záró „Írjon nekünk”, „WhatsApp-ügyfélszolgálat” és „Élő chat” oszlopok megőrzik a kontrasztot és az egységes igazítást, így ugyanaz a vizuális irányvonal érvényesül a nyitó hero szekciótól kezdve egészen a webhely interakciós felületéig.
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.