Tasarımın görsel dili, BT şirketinin hero alanını ve sonraki hizmet içeriklerini çerçeveleyen mavi arka planlarla başlar. Açık renkli metin ve içerik yüzeyleri bu alanları dengelerken, turuncu vurgular eylemlere ve destekleyici ayrıntılara seçici bir dikkat çeker. Bu kontrast, uzun sayfanın kesintisiz tek bir renk bloğuna dönüşmesini önler ve ana teknoloji mesajına kolayca fark edilen görsel bir zemin kazandırır.
Yuvarlatılmış beyaz kartlar; Şirket Hizmetleri bölümünde, iletişim bilgileri alanında ve diğer içerik gruplarında yinelenir. Kartların paylaştığı ortak görsel yaklaşım; Prototipleme, Geliştirme, İnovasyon, iletişim kanalları ve ek hizmet kategorileri gibi farklı konuları aynı tasarım sisteminin birer parçası haline getirir. Altı yetkinlik ögesi de tekrarlayan bir yerleşim düzeni kullanarak etiketlerin, simgelerin, listelerin ve eylemlerin birbirinden kopuk modüller yerine birbiriyle ilişkili bileşenler olarak çalışmasını sağlar.
Çizimler, bir diğer tutarlı kimlik göstergesidir. Hero alanında büyük bir teknoloji çizimi yer alır, yinelenen teknoloji ve iş dünyası çizimleri sonraki bölümleri destekler ve Özel yazılım çözümleri bloğu yeniden çizim odaklı bir anlatıma döner. Güçlü mavi başlıklar ve kompakt tırnaksız metinler, hiyerarşiyi hem mavi hem de açık renkli arka planlarda rahatça okunabilir kılar. Yinelenen beyaz kartlar, ferah bölüm düzenleri, turuncu vurgular ve çizim odaklı anlatım; yalnızca tek bir bölüme hizmet etmek yerine bir bilgi teknolojisi hizmetleri markası için site genelini kapsayan bir görsel yönelim 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.