Görsel kimlik kontrastla başlıyor: Koyu ve manzaralı hero bölümü büyük ve net bir başlığı taşırken, karşılama mesajını sonrasındaki açık renkli içeriklerden belirgin biçimde ayırıyor. Mavi öne çıkan kartlar geniş bir kilise görseli üzerinde tekrarlayan bir vurgu haline gelirken, camgöbeği tonu katmanlı karşılama bölümünde daha güçlü bir yüzey olarak öne çıkıyor. Beyaz kartlar ve açık renkli içerik alanları, bu doygun renk blokları arasında ferah bir görsel denge sağlıyor.
Sıcak fotoğraflar paletin soğuk ve salt kurumsal hissedilmesini engelliyor. Hero bölümü, kilise fotoğrafı, katmanlı karşılama kolajı, çevrim içi topluluk yerleşimi ve üç görsel paneli, fotoğraf kullanımını kesintisiz bir duygusal bağ olarak ele alıyor. Liderlik bölümünde bu yaklaşım, düzenli bir sırada dizilmiş yuvarlatılmış üç portre görseliyle daha kişisel bir nitelik kazanıyor. Tekrarlanan kırpma ve kart yapısı, insan odaklı içeriklere de genel topluluk görsellerindeki aynı tasarım disiplinini kazandırıyor.
Tipografi kimliği tamamlıyor. Büyük tırnaksız başlıklar karşılama, misyon, liderlik, topluluk, sorular ve iletişim içerikleri için net bir hiyerarşi oluştururken, cömert boşluk kullanımı kompakt kartların ve pratik bilgilerin görsel açıdan sıkışık görünmesini önlüyor. Koyu renkli altbilgi, açılıştaki kontrastı yankılayarak güçlü bir kapanış alanı sunuyor. Renk paleti, görsel işleme tarzı, yuvarlak profil resimleri, kart vurguları ve başlık ölçekleri birlikte ele alındığında; içerik misyon bilgilerinden liderlere, SSS'ye veya iletişim detaylarına değişse bile tüm ilişkili sayfalarda hemen tanınabilecek, sıcak ve davetkâr bir kilise tasarım dili inşa ediyor.
Web Sitesi Tasarımı Oluşturucu kullanırken renkleri, yazı tiplerini, başlık ve fooer'ı, düzeni, sütunları ve diğer tasarım öğelerinin yanı sıra içerik ve resimleri de ayarlayabilirsiniz.
Web sitesinin sayfaları ve bölümleri genelinde görsel temeli oluşturmak için Tema Ayarları kullanın. Her sayfayı bağımsız olarak şekillendirmek yerine, sitenin aynı tasarım yönünü izlemesi için genel Renkler, Yazı Tipleri ve Tipografi ayarlayın.
Web sitesinin karakterine uygun bir renk şeması ve yazı tipi kombinasyonu seçin, ardından Başlıklar H1-H6, normal Metin, bağlantılar, düğmeler, alıntılar, listeler ve diğer tipografi stillerini ince ayar yapın. Bu ayarların tutarlı kullanımı, net bir görsel hiyerarşi oluşturmaya ve tekrar eden tasarım öğelerinin web sitesi genelinde tanınabilir kalmasına yardımcı olur.
Web sitesi tasarımını daha dinamik ve etkileşimli hale getirmek için Animasyon Efektleri kullanın. Öğeler ve Kapsayıcılar, ziyaretçiler sitede gezinirken veya kullanıcı etkileşimine yanıt verirken içeriği tanıtmak için Ekranda Çalıştır, Fareyle Üzerine Gelildiğinde Animasyon ve Kaydırma ile Senkronize Animasyon gibi efektler kullanabilir. Animasyon Ön Ayarları, web sitesinin görsel stiline uyarlanabilen hazır efektler sağlar.
Başlık, Menü ve Alt Bilgi gibi paylaşılan web sitesi öğelerine aynı tasarım yönünü uygulayın. Tema Ayarları Paneli, ortak site genelindeki stil kontrollerini bir araya getirerek, web sitesi birden fazla sayfaya yayılırken koordineli bir görünümü korumayı kolaylaştırır.
Bu iş akışı, şablonu tutarlı bir görsel kimliğe, koordineli renklere ve tipografiye, paylaşılan tasarım kurallarına ve sayfaları arasında etkileşimli efektlere sahip bir web sitesi oluşturmak için kullanışlı bir başlangıç noktası haline getirir.