Görsel kimlik, doğadan ilham alan sade bir renk paletiyle başlar. Koyu yeşiller ve soluk botanik tonlar, yaprak desenli tam genişlikteki arka planları, numaralandırılmış öne çıkan maddeler ve Çiçek Tasarım Stüdyosu bölümü için kullanılan daha açık yeşil panellerle buluşturur. Dingin nötr renkler fotoğrafların aşırı doygun görünmesini engellerken, koyu renkli footer kontrollü bir kapanış kontrastı katar. Bu palet, sayfanın farklı içerik bölgelerinde akılda kalıcı bir karakter kazanmasını sağlar.
Tipografi bu kimliği pekiştirir. Playfair Display tarzı serif başlıklar; hero alanındaki ana ifadeye, „Yeşil ve Sağlıklı” başlığına, „Çiçek Tasarım Stüdyosu” başlığına, Yeşil Atölye mesajına ve „Abone Ol” etiketine editoryal bir ağırlık kazandırır. Daha küçük sans-serif gövde metni daha sakin bir denge sunarak açıklayıcı içeriğin fotoğrafik ve tipografik vurgunun gerisinde kalmasına imkân tanır. İnce kenarlıklar ve ferah boşluklar, yoğun ve ticari bir arayüz hissi yaratmak yerine sakin ve özenli duruşu destekler.
Tekrarlanan görsel kullanımı sistemin bütünlüğünü korur. Botanik ve iç mekân görselleri; hero alanında, ikili panellerde, altı kutucuklu galeride, Yeşil Atölye bölümünde ve abonelik arka planında yer alır, ancak her kullanım farklı bir işleve hizmet eder: giriş, görsel vitrin, portföy kanıtı, marka beyanı ve etkileşim ortamı. Kompakt header ve ortalanmış footer aynı yalın dili sayfanın ortak alanlarına da taşır. Bir web sitesi tasarımı olarak şablon, tek bir bağımsız bölümden ziyade doğa fotoğrafçılığı, serif hiyerarşisi, açık renk yüzeyler ve ferah alanlar arasındaki bu tutarlı ilişkiyle tanımlanı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.