Görsel dil, açılıştaki beyaz metin panelinin arkasında yer alan büyük güneş paneli görseliyle hemen oluşturulur. Bu eşleşme, tasarım boyunca sürdürülen ana kontrastı belirler: Güneş enerjisi ve insan odaklı fotoğrafik bağlamlar duygusal ve tematik bir ağırlık taşırken beyaz veya açık renkli yüzeyler başlıkların, açıklamaların ve eylemlerin okunabilirliğini korur. Turuncu bölümler ise her bloğa tekdüze uygulanan bir arka plan olmak yerine daha güçlü vurgu alanları olarak işlev görür.
Kalın sans-serif başlıklar sayfaya doğrudan bir tanıtım dili kazandırırken ferah dikey boşluklar; kompakt hizmet, çözüm ve ürün kartlarının sıkışık görünmesini engeller. Dört bakım kutusu tekrarlama yoluyla tutarlılık sağlar; konut, şebeke ölçekli ve ticari alanlara yönelik üç kart ise bu yinelenen görsel dili daha geniş bir çözüm sistemine yayar. Üç ürün kartı kategoriye dayalı aynı sunumu sürdürerek bireysel tekliflerin daha geniş kapsamlı hizmet anlatısından ayrılmasına yardımcı olur.
Dönüşümlü fayda satırları; görselleri karbon ayak izi, elektrik faturaları ve mülk değeri hakkındaki kısa avantaj ifadeleriyle eşleştirerek daha editoryal bir görsel ritim sunar. Sayfanın sonuna doğru turuncu üzerindeki ortalanmış beyaz kart odaklanmış bir vurgu oluşturur; ardından daha açık renkli bir iletişim ve soru alanı ile koyu renkli bir alt bilgi gelir. Bu tekrarlanan ilişkiler (güneş enerjisi fotoğrafları, turuncu vurgular, kalın tipografi, kompakt kartlar, ferah geçişler ve güçlü kontrast) şablona ilgili sayfalara da taşınabilecek tutarlı bir görsel kimlik kazandırı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.