Tasarım kimliği, siyaha yakın yüzeyler, parlak beyaz yazı karakterleri ve canlı kırmızı veya eflatun vurgu panelleri arasındaki dengeli kontrast üzerine inşa edilmiştir. Bu renk paleti yalnızca hero bölümüyle sınırlı kalmaz: Audi A8'in bölünmüş tanıtımında ve iç tasarım bölümünde de karşımıza çıkar; burada renkli paneller büyük araç görsellerini kesintiye uğratarak konu değişimini işaret eder. Dramatik ışıklandırmaya sahip görsellerin tekrarlanan kullanımı da aynı görsel fikri destekleyerek dış aydınlatma mesajını genel lüks otomotiv tonuyla buluşturur.
Tipografi de bu kimliğin oluşumunda güçlü bir rol üstlenir. Büyük ve kalın tırnaksız başlıklar editoryal bir ürün vitrini hissi yaratırken, görsellerin ön planda tutulduğu ferah boşluklar teknik özelliklerin ve etiketlerin fotoğrafın önüne geçmesini engeller. Dış aydınlatmaya ayrılan üç kart ve üç iç mekân paneli kompakt bir görsel düzeni tekrarlayarak farklı içerik konularına birbiriyle uyumlu bir görünüm kazandırır. Tam genişlikte video ve geniş yan profil görseli ise bu daha küçük içerik ögeleri arasındaki sinematik ölçeği korur. Renk paleti, tipografi, görsel işleme tarzı, vurgu panelleri ve yinelenen vitrin formatı bir araya gelerek ilgili Audi A8 sayfalarına yön verebilecek özgün bir çizgi tanımlar. Tasarım, lüksü yalnızca süsleyici ayrıntılarla değil, görsel tutarlılık ve kontrollü kontrast yoluyla yansıtı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.