Tasarım, ele aldığı konuyu renk, görsel dili ve tipografi arasındaki tutarlı ilişkiyle yansıtıyor. Siyah arka planlar; hero bölümünü, 'İşin Geleceği' galerisini, öne çıkan kategorileri ve alıntı alanını çerçeveleyerek robotik temasına güçlü bir görsel ağırlık katıyor. Beyaz başlıklar ve gövde metinleri bu yüzeyler üzerinde net biçimde ayrışırken, camgöbeği ve altın sarısı vurgular fotoğraflarla yarışmadan ölçülü odak noktaları meydana getiriyor.
Büyük robot fotoğrafları, sayfa boyunca yinelenen temel bir görsel motif işlevi görüyor. 'İnsan-robot' bölümündeki editoryal metinlerin yanında, altı fotoğraflık 'İşin Geleceği' şeridinde, CES 2019 özel dosyasında ve yeniden 'Teknoloji Trendleri' galerisinde karşımıza çıkıyor. Çevreleyen arka planlar değiştikçe görsel sunumun ağırlığını koruması, konunun farklı içerik türleri arasında daima tanınır kalmasını sağlıyor. Kompakt tırnaksız tipografi de 'Teknoloji Haberleri' ve 'Yapay Zekâ Perspektifleri' gibi etiketler dahil olmak üzere başlıkları öz ve bilgilendirici kılarak bu sistemi destekliyor.
Cömertçe kullanılan boşluklar, yüksek kontrastlı renk paletinin gözü yormasını engelliyor. Ortalanmış 'Teknoloji Trendleri' bölümü sayfaya ferah bir soluk alanı kazandırırken, koyu öne çıkan şerit ve ikiye bölünmüş camgöbeği alan ilgili bilgiler için daha yoğun anlar oluşturuyor. Koyu mavi footer'daki dört sosyal medya bağlantısı da aynı görsel dili sayfanın sonuna kadar taşıyor. Bir web tasarımı olarak şablon, tek bir bağımsız bölüme bel bağlamaksızın robotik konularını ilişkili içerik alanlarına yayan bütünleşik bir editoryal kimlik 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.