A vizuális irányvonalat a sötét hátterek, az ételfotók és a nagy kontrasztú betűkészlet kapcsolata határozza meg. A fahatású felületek meleg éttermi hangulatot árasztanak, míg a sárga és fehér feliratok világosan elkülönítik a címeket, felszólításokat és kiegészítő információkat a sötétebb háttértől. Az ételeket ábrázoló képek az elérhetőségek mellett kaptak helyet, így az oldal vizuálisan mindvégig a gasztronómiához kapcsolódik, noha fő információi a helyszínt, a nyitvatartást és a foglalásokat érintik.
Ez az identitás a weboldal funkcionális részein is megismétlődik. A Kezdőlap, Érkező oldal és Kapcsolat navigációs hivatkozásai ugyanolyan kompakt elrendezést követnek, mint a fő tartalom, az összecsukható mobilmenü pedig kisebb képernyőkre is kiterjeszti ezt a rendszert. A Cím és nyitvatartás szakasz praktikus tartalmat nyújt a vizuális rendszer számára: a feltüntetett cím a 660 S. Hope Street, Los Angeles, CA, 90071, a heti beosztás pedig vasárnaptól szombatig tart. A foglalási részleg ugyanezt a kontrasztot alkalmazza a „Foglalás”, „asztalfoglalás” és „hívjon minket” elemekre, mielőtt az űrlap nevet, e-mail-címet és üzenetet kérne. Ez a következetesség az űrlapot az étterem vizuális nyelvezetének szerves részévé teszi egy különálló technikai elem helyett. Weboldaltervként a sablont nem pusztán a díszítés határozza meg, hanem a sötét felületek, az ételfotók és az élénk tipográfia ismétlődő összhangja a navigációban, az információs részekben és a foglalási tartalmakban.
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.