A blokk vizuális világa a visszafogott tipográfia, a friss terményeket bemutató képi világ és a visszatérő zöld hangsúlyok összhangjából épül fel. A középre zárt, dőlt betűs kézírásos címsor lágyabb, szerkesztőségi hangulatot teremt, míg a tömör, talpas jellegű kísérőszöveg vizuálisan keretbe foglalja a bevezető üzenetet. A nagyméretű, életteli terményfotó adja a legerősebb képi horgonyt, a három világos, áttetsző kártya révén pedig a fotó látható marad az alsó tartalmi réteg mögött is.
A zöld kör alakú ikonok és a zöld címsorok a Különleges ajánlatok, Fagyasztott élelmiszerek, valamint Tojás és sajt blokkokban ismétlődnek, olyan motívumot teremtve, amely a weboldal tágabb koncepcióján belül más élelmiszeripari, gazdálkodási vagy kínálati szakaszokban is megjelenhet. A fehér háttér és a bőséges függőleges térköz biztosítja azt a vizuális teret, amely nehézkes díszítőelemek nélkül is érvényesülni engedi a fotót és a hangsúlyszínt. A középre igazítás összefogja a felső bevezetést az alsó kártyasorral, az átfedés pedig felismerhető szerkezeti karaktert kölcsönöz a szakasznak. Ebben a környezetben a blokk jóval több egyetlen elrendezésnél: azt szemlélteti, miként alkothat egységes vizuális szókészletet a kézírásos tipográfia, a tömör kísérőszöveg, a terményközpontú képi világ, az áttetsző felületek és a zöld kategóriahangsúlyok sora. Más szakaszok szelektíven átvehetik ezeket a szerepeket, megteremtve a folytonosságot a saját tartalmi felépítésük megőrzése mellett.
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.