A vizuális nyelv lágy rózsaszín, korall, szürke és fehér visszafogott palettájával indul. Ezek a színek finoman különítik el a hero szekciót, a kategóriakártyákat, az információs paneleket és a kapcsolati részeket anélkül, hogy tolakodó kontrasztot képeznének. A lekerekített formák és képek visszaköszönnek a nyitó pilatesrészben, a jógát és meditációt bemutató életmódfotókon, valamint az átfedéses fitneszközpont-blokkban. Ez az ismétlődés egységes dizájnarculatot teremt a különféle tartalmi területek között.
A tipográfia ugyanezt a koncepciót erősíti. A magazinjellegű talpas display szövegek kifejezőbb jelenlétet biztosítanak az olyan címeknek, mint a „Pilates”, az „Induljon most!”, a „Trénereink” és az „Üdvözöljük a fitneszközpontban”, miközben a tiszta, talpatlan folyószöveg könnyen áttekinthetővé teszi a programleírásokat, a kísérőszövegeket és a megkeresési információkat. Az oldal így megtalálja az egyensúlyt a figyelemfelkeltő címek és a funkcionális olvasási felületek között, elkerülve az öncélú díszítést.
A képi világ témaváltások esetén is hű marad a felépített arculathoz. A fitneszfotók a nyitó és az edzőtermi részeket támogatják, az edzők képei személyesebbé teszik a programbemutatókat, három függőlegesen elrendezett életmódfotó pedig a jóga és a meditáció felé tágítja a hangulatot. A lekerekített kártyák, a színes kategóriapanelek, a véleményekhez társított portrék és a közösségi hivatkozások mind ezt a közvetlen vizuális szótárat viszik tovább. Webdizájn-irányként ez a sablon remekül illik olyan fitnesz- és wellnessoldalakhoz, amelyek az emberközeli színek, a magazinos címek, a szellős elrendezés és az életmódközpontú fotók összhangjára építenek.
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.