Görsel kimlik; turuncu vurgular, antrasit katmanlar, beyaz içerik alanları ve gri tonlamalı fotoğraflar arasındaki dengeli kontrast üzerine kuruludur. Turuncu, tüm sayfayı kaplayan bir arka plan yerine odaklanmış bir vurgu olarak kullanılarak hero alanına ve başlıklara net bir görsel işaret kazandırır. Antrasit katmanlar ise büyük fotoğrafların atmosfer yaratmasını sağlarken, kalın tırnaksız başlıkların ve kısa destekleyici metinlerin okunabilirliğini korur.
Fotoğraf kullanımı, tasarımın ana bölümlerini birbirine bağlayan yinelenen bir motiftir. Hero alanı insan odaklı temayı tanıtmak için büyük bir ekip görselinden yararlanır, liderlik açıklaması geçiş öğesi olarak karartılmış bir çalışma alanı fotoğrafı kullanır ve iletişim alanı yeniden fotoğraflı bir arka plana döner. Bu tekrarlama, her bloğun aynı kompozisyonu kullanmasını gerektirmeden sayfaya tüm bölümler boyunca ayırt edici bir kimlik kazandırır. Altı portre kartı, daha yapılandırılmış ve ortalanmış görsellerle bu dili devam ettirir.
Beyaz alanlar, insan ve kültür genel bakışı ile talep formunun çevresinde gerekli kontrastı sağlar. Cömert boşluklar kategori bağlantılarının, liderlik kartlarının ve iletişim bilgilerinin birbiriyle yarışmasını engellerken, güçlü başlıklar tutarlı bir hiyerarşi kurar. Sonuç olarak, profesyonel editoryal sunuma odaklanan site genelinde tutarlı bir görsel yön ortaya çıkar: İnsanlar birincil görsel unsurdur, turuncu vurguyu belirtir, antrasit derinlik katar ve beyaz yüzeyler netliği korur. Böylece bu sistem, tasarımı tek bir hero alanıyla sınırlamadan ilgili diğer sayfalara da yön verebilir.
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.