A legkarakteresebb vizuális arculat a telített lila és bíborvörös kiemelések, valamint az oldal fehér vagy világosszürke felületei közötti kontrasztból fakad. A lila tanácsadási kiemelő doboz és a nonprofit adománygyűjtési szekció így hangsúlyos területként érvényesül, míg a világosabb szolgáltatási és információs zónák nyugodtabb hátteret nyújtanak az olvasáshoz. Ez a színpaletta úgy támogatja az üzleti témát, hogy közben nem tesz minden szakaszt egyformán intenzívvé.
A lekerekített kártyák a három pénzügyi szolgáltatáskategóriában és a három csapatportréban is megismétlődnek, felismerhető formavilágot hozva létre a kínálat és az emberek számára egyaránt. A körkörös képmegoldások lágyítják a portréközpontú tartalmat, míg az építészeti fotózás strukturáltabb, professzionálisabb képi karaktert teremt. Ez az összetétel több vizuális hangot kölcsönöz a designnak – üzleti képi világot, emberközpontú bizonyítékokat és nonprofit jellegű tartalmat –, anélkül hogy feladná a térközök, a kártyák és a kiemelések azonos összefüggésrendszerét.
A kompakt talpatlan tipográfia és a bőséges függőleges térközök megakadályozzák, hogy az oldal számos címsora, címkéje, füle és űrlapterülete versengjen egymással. A véleménypanelek idézetközpontú elrendezést alkalmaznak, míg az öt logószerű jel visszafogott, márka jellegű sávot alkot a képi és a tartalmi szakaszok között. Ezek az ismétlődő megoldások lehetővé teszik a design szélesebb vizuális arculatként való adaptálását: a színek folytatódhatnak a közös navigációs és láblécelemekben, a lekerekített felületek azonosíthatják az ismétlődő tartalmakat, a képi stílusok pedig megkülönböztethetik a szolgáltatásokat, a személyeket és a szervezeti hátteret, miközben mind egyetlen összehangolt rendszer részei maradnak.
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.