Tasarım dili, barbekü temasına güçlü bir görsel temel kazandıran koyu ve yüksek kontrastlı yemek fotoğraflarıyla başlıyor. Canlı kırmızı kampanya panelleri ve sarı vurgular; teklifler, rozetler ve başlıklar etrafında odak noktaları oluşturarak sayfanın birbirinden kopuk çok sayıda renge gerek kalmadan enerjik hissedilmesini sağlıyor. Kalın ve dar display tipografisi ise ortalanmış yerleşimler içinde kısa kampanya mesajlarını belirginleştirerek bu etkiyi destekliyor.
Dairesel formlar tasarım bütününde yinelenen bir motif sunuyor. Izgara şiş tanıtımında yuvarlak bir indirim rozeti yer alırken hediye çeki panellerini dairesel yemek görselleri destekliyor; menüdeki üç lezzette kullanılan dairesel kartlar ise yemeklerin tanınabilir tek bir sistemin parçası gibi algılanmasını sağlıyor. BBQ partisi ve BBQ hafta sonu bölümlerindeki geniş arka plan görselleri bu görsel kimliği etkinlik içeriklerine genişletirken koyu Adres ve Çalışma Saatleri alanı aynı atmosferi pratik bilgilere yansıtıyor. Ana Sayfa, Menü ve İletişim bağlantılarından oluşan navigasyon, yemek görselleri ve kampanya başlıklarının gerisinde kalarak sisteme uyum sağlıyor. Renk paleti, görsel kullanımı, tipografi hiyerarşisi, ortalanmış hizalama ve tekrarlanan dairesel formlar bir araya gelerek, tek bir bölüme bağımlı kalmadan restoranın ilişkili diğer sayfalarını da yönlendirebilecek güçlü bir görsel dil oluşturuyor.
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.