Blok, görsel karakterini tek bir yalıtılmış süsleme yerine yinelenen ilişkiler üzerinden dışa vuruyor. Bina fotoğrafı güçlü bir mimari arka plan sağlarken ortalanmış beyaz panel, içerik için dingin bir yüzey oluşturuyor. Bu yüzey üzerinde siyah başlıklar, “Bize Ulaşın” ve “İletişime Geçin” için sağlam bir tipografik hiyerarşi kuruyor. İnce ve yumuşak tonlu ayırıcı çizgiler ise fotoğrafla rekabet edecek bir görsel ağırlık eklemeksizin daha küçük konum ve form ayrıntılarını düzenliyor.
Yuvarlatılmış köşeli turuncu Gönder butonu, belirleyici bir vurgu görevi görüyor. Sıcak rengi ve kavisli tasarımı, yanıt noktasını etrafındaki ölçülü beyaz, siyah ve yumuşak gri düzenden ayırıyor. Aynı görsel denge her iki sütunu da destekliyor: Sol taraf üç konum girişini ve tanıtım metnini taşırken, sağ taraf daha yoğun bir içerik bloğu oluşturmak için formu kullanıyor. Ortaya çıkan sonuç; sitenin geneline yayılan diğer panellerde, başlıklarda, ayırıcılarda veya eylem kontrollerinde yankı bulabilecek, belirgin bir tona sahip bir iletişim bölümüdür.
Tek bir blok bir web sitesinin tüm kimliğini tek başına oluşturamaz; ancak renk rolleri, kontrast, tipografi ve görsel kullanımı açısından faydalı bir referans sunabilir. Tasarım dili; bağlamsal mimari, disiplinli boşluk kullanımı ve tek bir turuncu eylem vurgusunun bir araya getirilme biçiminde özellikle net bir şekilde hissedilir.
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.