A vizuális arculat a kontrasztra épül: egy sötét tónusú, tájképes hero szekció ad helyet a nagy, letisztult főcímnek, és határozottan elválasztja a köszöntést az utána következő, világosabb tartalmaktól. A kék kiemelt kártyák ismétlődő hangsúlyként jelennek meg a templom széles fotója felett, miközben a pávakék erőteljesebb felületként tér vissza a rétegzett köszöntő részben. A fehér kártyák és a világos tartalmi területek kellemes vizuális fellélegzést nyújtanak a telített színmezők között.
A meleg fotók megelőzik, hogy a színvilág ridegen hivatalosnak hasson. A hero szekció, a templomfotó, az egymást átfedő köszöntő kollázs, az online közösséget bemutató elrendezés és a három képpanel folyamatos érzelmi szálként alkalmazza a képi világot. A vezetőséget bemutató szakaszban ez a megközelítés még személyesebbé válik az egyenletes sorban elhelyezett, három lekerekített portré révén. Az ismétlődő képarány és a kártyastruktúra ugyanolyan tervezési fegyelmet kölcsönöz a személyekre fókuszáló tartalomnak, mint a tágabb közösségi fotóknak.
A tipográfia teszi teljessé az arculatot. A nagy talpatlan címsorok egyértelmű hangsúlyt adnak a köszöntő, a küldetés, a vezetés, a közösség, a gyakori kérdések és a kapcsolat részeinek, míg a szellős térközök megakadályozzák, hogy a kompakt kártyák és a praktikus tudnivalók vizuálisan zsúfolttá váljanak. A sötét lábléc felidézi a nyitány kontrasztját, és határozott zárófelületet nyújt. A színpaletta, a képek kezelése, a lekerekített profilok, a kártyák kiemelései és a címsorok léptéke együttesen olyan barátságos gyülekezeti formanyelvet közvetít, amely a kapcsolódó aloldalakon is azonnal felismerhető marad, még akkor is, ha az adott tartalom a misszióról a lelkipásztorokra, a GYIK-re vagy az elérhetőségekre vált.
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.