Bloğun görsel kimliği, görsel kullanımı ile ön plan tasarımı arasındaki dengeden beslenir. Yol ve dağlık araziden oluşan dingin bir manzara bölümü boydan boya kaplayarak geniş bir seyahat arka planı oluşturur. Bunun karşısında yer alan açık renkli geometrik panel, daha aydınlık ve kontrollü bir form sunar. Seyahat acentesi etiketi, „Yolculuk“ başlığı, açıklama paragrafı ve görsel künyesi ortalanmış koyu renkli tipografiyle sunulurken, koyu renkli dikdörtgen DAHA FAZLA BİLGİ butonu panel içinde odaklanmış bir vurgu sağlar.
Bu tercihler, tek bir bloğun tüm siteyi belirlediği izlenimini vermeden, bölüme daha geniş bir web sitesi projesinde tekrarlanabilecek bir görsel dil kazandırır. Benzer kontrastlar diğer seyahat bölümlerine de yol gösterebilir: etkileyici görseller atmosfer yaratabilir, açık renkli geometrik zeminler rahat okunabilir bilgileri barındırabilir ve koyu renkli eylemler önemli içerik duraklarını vurgulayabilir. Cömertçe kullanılan beyaz boşluklar da görselin, panelin ve metnin dikkat çekmek için birbiriyle yarışmasını engellediği için aynı derecede önem taşır.
Dolayısıyla bu bölüm, tasarım tutarlılığı açısından bir referans noktası işlevi görebilir. Renk paleti sade, hizalaması ortalanmış olup en güçlü görsel motifi ise manzara ile geometrik katman arasındaki katmanlı ilişkidir. İlgili bloklarda uyumlu boşluklar, tipografi veya vurgu stilleri kullanıldığında, Yolculuk hero alanı hem giriş işlevini korur hem de sitenin geneliyle kusursuz bir uyum yakalar.
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.