En güçlü görsel ilişki, gri tonlamalı fotoğrafçılık ile dikkat çekici tırnaksız tipografi arasında kuruluyor. İnsanların ve çalışma ortamlarının görüntüleri kuruluşa insani ve pratik bir bağlam kazandırırken, kalın başlıklar "Hakkımızda", "İş Potansiyelinizi Açığa Çıkarın" ve "İnovasyonla Öncülük Edin" gibi ifadelerin ana mesajlar olarak kolayca fark edilmesini sağlıyor. Kompakt boşluk kullanımı, editoryal yaklaşımın süsleyici olmaktan ziyade kontrollü kalmasını sağlıyor.
Sayfa, bu kimliği bölümleri boyunca yapılandırmak için arka plan kontrastından yararlanıyor. Açık renkli içerik alanları giriş ve yetkinlik anlatımlarını destekliyor, açık gri yüzeyler ekibi ve kapanış eylem şeritlerini ayrıştırıyor, daha koyu renkteki alt bilgi ise net bir görsel kapanış sunuyor. Ekip bölümündeki yuvarlatılmış görsel uygulamaları, genel gri tonlama sistemini bozmadan daha yumuşak bir dokunuş katıyor. Yinelenen butonlar ve hizalanmış içerik sütunları ise aynı tasarım dilini ilk iletişim çağrısından son alt bilgiye kadar taşıyor.
Renk paleti, yazı tipi boyutu hiyerarşisi, fotoğrafçılık, yuvarlatılmış portreler ve kontrollü yüzey geçişleri bir araya gelerek bu "Hakkımızda" sayfasının ötesine geçebilecek tanınabilir bir kimlik oluşturuyor. Karşılaştırma tablosu, görsel sistemin editoryal hikâye anlatımının yanı sıra yapılandırılmış ürün bilgilerini de rahatça taşıyabildiğini gösterdiği için özellikle faydalı bir işlev görüyor. Ortaya çıkan sonuç; bilinçli, ölçülü ve insanı merkeze alan bir kurumsal tasarım dili sunuyor.
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.