Görsel yönelim; koyu arka planlar, yemek görselleri ve yüksek kontrastlı tipografi arasındaki dengeden güç alıyor. Ahşap tonlu yüzeyler sıcak bir restoran ortamı yaratırken sarı ve beyaz yazılar başlıkları, yönlendirmeleri ve destekleyici bilgileri koyu zeminden net biçimde ayırıyor. Yemek fotoğrafları iletişim içeriğinin yanında konumlanarak, ana bilgiler konum, çalışma saatleri ve rezervasyonlara odaklansa bile sayfanın gastronomiyle olan görsel bağını koruyor.
Bu kimlik, sayfanın işlevsel alanlarında da yineleniyor. Ana Sayfa, Açılış Sayfası ve İletişim için kullanılan gezinme bağlantıları, ana içerikle aynı derli toplu sunumu paylaşırken daraltılabilir bir mobil menü bu düzeni daha küçük ekranlara taşıyor. Adres ve Saatler bölümü görsel sisteme organize edilecek pratik içerikler sunuyor: listelenen konum 660 S. Hope Street, Los Angeles, CA, 90071 ve haftalık program pazar gününden cumartesiye kadar uzanıyor. Rezervasyon bölümü ardından aynı kontrastı “Rezervasyon”, “masanızı ayırtın” ve “bizi arayın” ifadelerine uyguluyor; sonrasında form isim, e-posta adresi ve mesaj talep ediyor. Bu tutarlılık, formun bağımsız bir araç gibi görünmek yerine restoranın görsel dilinin doğal bir parçası gibi algılanmasını sağlıyor. Bir web sitesi tasarımı olarak bu şablon, yalnızca süslemelerle değil; gezinme, bilgilendirme ve rezervasyon içerikleri boyunca koyu yüzeylerin, yemek görsellerinin ve parlak tipografinin tutarlı birlikteliğiyle tanımlanıyor.
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.