Bloğun görsel dili, yinelenen az sayıda ilişkinin bir araya gelmesiyle oluşturulmuştur. Canlı mavi bir arka plan bölümü çevrelerken, dört adet beyaz yuvarlak köşeli kart ekip profilleri için ayrı yüzeyler yaratır. Büyük ve yoğunlaştırılmış başlık satırın üzerinde beyaz renkte ortalanmıştır; her kartta ise ortalanmış koyu metinli dairesel bir portre kullanılır. Mavi vurgular daha sonra dış alanı yineleyerek ayrı profil yüzeylerini aynı bölüm kimliğine bağlar.
Dört kart aynı iç düzeni paylaştığı için tasarım, farklı sorumluluklar arasında tutarlılık aktarır. İki kreatif direktör etiketi, bir satış müdürü etiketi ve bir web tasarımcısı etiketi, farklı kart stillerine gerek kalmadan tek bir görsel sistem içinde yer alabilir. Yinelenen portre şekli, ortalanmış hizalama ve eşit boşluklar ekibi tek ve uyumlu bir grup gibi hissettirirken, açıklayıcı paragraflar ve sosyal bağlantı simgeleri bu sistemin içine içerik katmanları ekler.
Daha kapsamlı bir web sitesi tasarımına katkı olarak bu bölüm; ilişkili alanların renk rolleri, yuvarlak köşeli yüzeyler, tipografi veya görsel işleme yoluyla yansıtabileceği, insan odaklı ve kolayca fark edilen bir ifade sunabilir. Tek bir blok sitenin tüm kimliğini belirlemez; ancak renk paleti ve yinelenen kart mantığı somut görsel ipuçları sağlar. Atıf satırı sıranın altında ikincil konumda kalarak asıl vurgunun mavi alanda ve dört koordineli profilde kalmasını sağlar.
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.