Blok; maviden pembeye uzanan degrade arka plan, yüksek kontrastlı beyaz display tipografi ve elinde eğitim materyali tutan bir kişinin merkezdeki portresinin birleşimiyle belirgin bir görsel yön ortaya koyar. Degrade, bölüme kesintisiz bir renk alanı kazandırırken beyaz yazı tipi ise uzun ana başlığın ve destekleyici metnin arka plan üzerinde rahatça okunmasını sağlar. Portre, bloğun üç parçalı yapısını bozmadan metin ağırlıklı alanlar arasına insani bir öğrenme öğesi ekler.
“Tarihler ve Ücretler” sütunu bu görsel dili işlevsel içeriklere taşır. 7-17 yaş arası çocuklar ve gençler, temmuz ve ağustosta beş haftaya kadar süre ve 5 Temmuz–9 Ağustos, 5–26 Temmuz ile 26 Temmuz–9 Ağustos şeklindeki üç aralığı içeren program bilgisi, ana başlıktan görsel olarak ayrışırken aynı tipografik hiyerarşiyi paylaşabilir. Cömert yatay boşluklar ve asimetrik hizalama, bölüme sıkışık ve bürokratik bir düzen yerine ferah, editoryal bir karakter kazandırır. Web tasarımı bağlamında bu ilişkiler, eğitime odaklanan daha geniş bir kimliğe ilham verebilir: Degrade renk rolleri, display yazı karakterleri, portre yaklaşımı ve geniş aralıklı yerleşim başka alanlarda yinelenebilir; böylece bu tek bölüm, kapsamlı görsel sistemin bir yansıması olarak yerini alır.
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.