A dizájnnyelv alapját a sötét, nagy kontrasztú ételfotók adják, amelyek erőteljes vizuális hátteret teremtenek a barbecue témájának. Az élénkpiros promóciós panelek és a sárga kiemelések hangsúlyos pontokat képeznek az ajánlatok, jelvények és címek körül, így az oldal dinamikus hatást kelt anélkül, hogy sok eltérő színre támaszkodna. A vastag, keskenyített display tipográfia még inkább erősíti ezt az irányt, kiemelve a rövid promóciós üzeneteket a középre igazított elrendezésekben.
A kör alakú megoldások visszatérő motívumként vonulnak végig a dizájnon. Egy kör alakú kedvezményjelvény tűnik fel a grillnyársak promóciójánál, kerek ételfotók kísérik az ajándékutalványok felületeit, és a menü három fogása is kerek kártyákat kapott, hogy az ételek egyetlen felismerhető rendszer részeiként hassanak. A BBQ-buli és a BBQ-hétvége szakaszok nagyméretű háttérképei az eseményekhez kapcsolódó tartalmakra is kiterjesztik a vizuális identitást, míg a sötét Cím és Nyitvatartás terület ugyanezt a hangulatot viszi át a gyakorlati információkba. A Kezdőlap, Menü és Kapcsolat navigáció jól illeszkedik a rendszerbe azáltal, hogy visszafogottan másodlagos marad az ételfotókhoz és a promóciós címekhez képest. A színpaletta, a képhasználat, a betűméretek aránya, a középre zárás és az ismétlődő körök együtt olyan vizuális nyelvet alkotnak, amely önálló szakaszoktól függetlenül képes összefogni a kapcsolódó éttermi oldalakat.
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.