Tasarımın görsel kimliği; koyu antrasit yüzeyler, beyaz okuma alanları ve ölçülü kullanılan camgöbeği vurgu arasındaki dengeden doğar. Antrasit tonu hero panelinde, öne çıkan içerik kartlarında, fayda alanlarında, istatistiklerde, iletişim bölümünde ve footer alanında yer alarak sayfaya güçlü bir yapısal temel kazandırır. Beyaz referans kartları ve daha açık renkli içerik alanları bu yoğunluğu kırarak, sayfanın her bölümünü aynı koyulukta tutmadan daha uzun metinleri ve insan odaklı bilgileri sunmasına olanak tanır.
Fotoğraf kullanımı, tasarımın duygusal ve profesyonel karakterini büyük ölçüde üstlenir. Sayfayı büyük bir arka plan görseli açar, geniş bir fotoğraf Hakkımızda içeriğini destekler, Projeler alanında altı görsel sergilenir ve avantajlar bölümünde içe yerleştirilmiş bir metin paneliyle birlikte çok sayıda fotoğraf kullanılır. Ekip ve referans kartları, portreler ve tekrarlanan profil düzenlemeleri aracılığıyla bu insan merkezli dili sürdürür. Tasarım, tek bir görsele bağlı kalmak yerine fotoğrafı farklı içerik rollerinde yinelenen bir kimlik ögesi olarak değerlendirir.
Yuvarlatılmış kartlar ve dairesel metrikler koyu panellerin katı geometrisini yumuşatırken, büyük sans-serif başlıklar hem görseller hem de düz arka planlar üzerinde net bir hiyerarşi kurar. Ferah boşluklar, art arda gelen kartların görsel açıdan sıkışık hissettirmesini önler. Mobil cihazlarda düzen dikey bölümlere dönüşürken aynı renk paleti, tipografi, görsel yaklaşımı ve kart dili korunur. Bütün bu tercihler bir araya gelerek, tek bir hero kompozisyonuna bağımlı kalmadan ilgili diğer sayfalara da taşınabilecek tutarlı bir görsel yön oluşturur.
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.