A vizuális identitás a lila promóciós felületek és a sárga műveleti kiemelések közötti egyértelmű kontrasztra épül. A lila szín megjelenik a hero szakaszban, a heti ajánlatok sávjában és a záró kuponpanelben is, így a legfontosabb üzenetek egységes, jól felismerhető megjelenést kapnak az oldalon. A sárga gombok világos fókuszként törik meg ezeket a sötétebb területeket, és anélkül kötik össze az olyan műveleteket, mint a „Továbbiak megtekintése”, „Összes kupon megtekintése” vagy a „Kuponok megszerzése”, hogy teljesen azonos elrendezéseket igényelnének.
A boltkártyák ezt az identitást egy kompaktabb léptékre ültetik át. A lekerekített felületek, az áruházi jelvények, a kedvezménycímkék és a rövid leírások egységes vizuális karaktert kölcsönöznek minden ajánlatnak, a kéthasábos elrendezés pedig kiegyensúlyozott böngészési ritmust teremt. A kiemelt kedvezmények szakasza ugyanezt a tartalmi eszköztárat másként használja fel: három ajánlatot helyez el egy vásárlói kép mellett, míg a vásárlói megtakarítások szekció egy színes értékelési panellel egészül ki, amely tovább erősíti a felhasználóközpontú hangvételt. Négy számozott útmutató kártya viszi tovább a rendszert ismétlődő formákkal és tömör tipográfiával ahelyett, hogy nagyméretű reklámképeket alkalmazna. A színpaletta, a képhasználat, a lekerekített formák és a visszafogott talpatlan betűkészlet együttesen egy barátságos akcióplatform, nem pedig egy merev vállalati weboldal érzetét keltik. Ezek a visszatérő megoldások a kapcsolódó oldalakat is jól támogatják, megőrizve ugyanezt a vizuális irányvonalat a promóciós szalaghirdetésektől a partnerajánlatokon át az útmutatókig és a közös márkázott felületekig.
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.