Görsel dil zıtlıkla başlar: Beyaz arka planların üzerinde siyah geometrik tipografi yükselirken, parlak mavi şeritler daha fazla vurgu gerektiren bölümleri öne çıkarır. Dört fotoğraflı portre galerisi açılışa samimi ve insani bir his katarken, ilerleyen kısımlardaki mimari kolaj ve tam genişlikteki arka plan daha yapılandırılmış, profesyonel bir atmosfer yaratır. Bu görsel tercihleri bir arada kusursuz çalışır; zira sayfa insan odaklı koçluk içeriğiyle kurumsal eğitim ve çalışma ortamı bağlamını dengeler.
Açık gri kartlar, özellikle iki fiyat seçeneği ve iki profesyonel profil kartı gibi derli toplu bilgiler için daha sakin bir zemin sunar. Yuvarlatılmış butonlar ve kart köşeleri düzenli geometriyi yumuşatırken, cömert boşluklar avantaj listesinin, numaralandırılmış programların ve öne çıkan içeriklerin görsel olarak sıkışık durmasını önler. Koçluk girişi, uzmanlık bölümü, alıntı ve iletişim formu için kullanılan ortalanmış yerleşimler, aşırı süslemeli bir tarz yerine kontrollü ve editoryal bir niteliği pekiştirir.
Aynı kimlik sayfanın içerik kurgusunda da devam eder. Mavi, koçluk şeridi ve iletişim alanı dahil olmak üzere eylem odaklı veya yoğun vurgulu alanlara ayrılmıştır; beyaz içerik alanları açıklamaları ve görselleri taşır; daha koyu alt bilgi (footer) tasarımı ise sayfaya net bir bitiş kazandırır. Bu tutarlılık, tasarımı daha geniş kapsamlı bir koçluk veya eğitim markası yaklaşımına kolayca uyarlanabilir kılar. Görsel kimlik yalnızca tek bir galeriye veya karta bağlı değildir: Tipografi, mavi vurgular, açık renkli yüzeyler, yuvarlatılmış detaylar, görsel kontrastı ve ölçülü boşluklar arasındaki tekrarlanan ilişkiden doğar.
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.