A dizájn vizuális identitása a visszafogott barack és krém felületek, a fekete hangsúlyok, a kézírásos címek és a bőséges térközök megfontolt ötvözetéből bontakozik ki. Ezek a választások nyugodt, wellnessközpontú hangulatot teremtenek anélkül, hogy túlzott díszítésre támaszkodnának. A nagyméretű portrék, bőrápolási, termék- és masszázsképek megerősítik ezt az irányt azzal, hogy az embereket, a kezeléseket és az ápolószereket állítják a bemutató középpontjába.
Az ismétlődő keretezés összekapcsolja az oldal különféle tartalomterületeit. A kiemelt bőrápolási rész a portréfotókat a leíró szövegek mellé helyezi, a termékrészleg széles kép-szöveg elrendezést alkalmaz, a Szépségkezelések szekció pedig egy sötét, keretes panelt vezet be a lifestyle-fotók mellett. Bár az elrendezésük eltérő, minden szakasz a kontrasztra és a lehatárolásra épít, hogy a képek és a magyarázatok könnyen olvashatók maradjanak. A négy kategóriacsempe szimmetrikusabb mintázatot nyújt, míg a három ajánláspanel középre zárt, szerkesztőségi szünetet képez.
Ez az arculat a cselekvésre ösztönző területeken is folytatódik. A „Kapcsolatfelvétel” és a „További információk” linkek ugyanazt a visszafogott hangsúlyos stílust használhatják, miközben a foglalási szekció keretes panelbe rendezi űrlapját egy lágy, kezeléseket idéző háttér előtt. A sötét footer határozott záró ellenpontot nyújt a közösségi ikonokkal és a rendezett szövegoszlopokkal. Ez a kombináció egységes szalonjelleget kölcsönöz a sablonnak a navigáción, a szolgáltatások tartalmán, a visszajelzéseken, a kapcsolati részen és a footer területén át. A vizuális nyelv így jóval túlmutat az egyes szekciókon: a színpaletta, a tipográfia, a fotográfia, a keretezés, a kontraszt és a tér összhangjából épül fel.
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.