Renk paleti, bu tasarımdaki en belirgin kimlik ögesidir. Yumuşak nane yeşili, camgöbeği, krem ve açık şeftali tonları aydınlık yüzeyler oluştururken, koyu antrasit metinler başlıklarda, açıklamalarda ve hizmet etiketlerinde güçlü bir kontrast sağlar. Bu birliktelik; uygulama görsellerinin, portrelerin ve illüstrasyonların sayfayla bütünleşmesini sağlayarak görsellerin her bölümü birbirinden bağımsız şekilde domine etmesini engeller.
Yuvarlatılmış kartlar ve hap formundaki butonlar, farklı içerik türleri genelinde aynı görsel dili devam ettirir. Öne çıkan üç kart bu dili İletişim, İlham Veren Tasarım ve Mutlu Müşteriler başlıkları için kullanırken, beyaz indirme çağrısı alanı benzer bir yaklaşımla App Store ve Google Play eylemlerini ayrıştırır. Altı yetkinlik ögesinin ve ortalanmış süreç bölümünün çevresindeki geniş boşluklar, kompakt ve mobil odaklı sunumun görsel olarak boğucu hale gelmesini önler.
İki sütunlu Hakkımızda alanları, genel yönelimi bozmadan sayfalara görsel zenginlik katar: İlki uygulama tanıtımını desteklerken, diğeri bir portre, açıklama metni ve LinkedIn bağlantısını çerçeveler. Sona doğru iletişim bölümü; hizmet etiketlerini, sosyal medya simgelerini ve bir formu aynı yumuşak görsel sistem içinde birleştirir. Bir web tasarımı olarak şablonun asıl değeri; palet, tipografi, görseller, biçimler ve boşluklar arasındaki bu sürdürülebilir ilişkide yatar ve tasarımı tek bir bölüme hapsetmeden ilgili diğer sayfalara da kılavuzluk edebilir.
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.