Görsel dil, birbiriyle alakasız renklerin bir araya gelmesi yerine kontrollü bir paletle başlar. Koyu mavi şeritler ve paneller vurgu sağlarken açık mavi yüzeyler daha ferah eğitim bölümleri oluşturur; beyaz kartlar ise açıklayıcı metinleri daha baskın arka planlardan ayırır. Antrasit metin ve kompakt tırnaksız gövde tipografisi bilgilerin rahat okunmasını sağlarken, daraltılmış display başlıklar «Müzik Eğitimi» ile «Performanslar ve Etkinlikler» gibi bölümlere özgün bir editoryal duruş kazandırır.
Fotoğrafçılık, site konsepti genelinde en tutarlı kimlik taşıyıcısıdır. Portreler hero alanında, «Neler Yapıyoruz», «Müzik Okulu», program ve iletişim alanlarında yer alırken grup fotoğrafları «Performanslar ve Etkinlikler» bölümünü destekler. Bu görsellerin bir galeride izole edilmek yerine sürekli olarak metin kartlarıyla eşleştirilmesi, görsel ile bilgi arasında akılda kalıcı bir ilişki kurar. Öne çıkan içeriklere ait dairesel simgeler, büyük dairesel portre uygulaması, dekoratif daireler ve geometrik vurgular; eğitim temasını değiştirmeden bu görsel çizgiyi güçlendirir.
Dış çizgili butonlar, «Daha fazla bilgi» ve «Bize ulaşın» eylemlerinde ölçülü bir etkileşim vurgusu sunar. Aynı yaklaşım ilişkili sayfalara da genişletilebilir: Mavi vurgu panelleri, açık renkli içerik alanları, yüksek kontrastlı fotoğraflar, kompakt metinler, dairesel detaylar ve çerçeveli butonlar sayesinde tasarım bu tanıtım sayfasının ötesinde de tanınır kalacaktır. Bu web tasarımının asıl değeri, belirli bir bölüm sıralamasından ziyade bu uyumlu görsel dağarcığında yatar.
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.