Bloğun görsel sistemi, açık alan ile sınırlandırılmış form denetimleri arasındaki net zıtlık üzerine kuruludur. Beyaz arka plan, form başlamadan önce bölüme zemin hazırlamak adına ortalanmış “Rezervasyon Yapın” başlığına ve destekleyici paragrafa ferah bir alan tanır. Siyah tipografi en güçlü kontrastı oluştururken, daha küçük puntolu destekleyici metin hiyerarşide daha sakin bir ikinci düzey sunar. Bu düzenleme, formla yarışabilecek dekoratif unsurlara yer vermeden rezervasyon bağlamını belirgin kılar.
İnce açık gri kenarlıklar; eşleştirilmiş alanları, daha geniş mesaj alanını ve ölçülü dikdörtgen denetimleri tanımlar. Alanlar iki sütun halinde başlayıp daha geniş bir mesaj alanına geçiş yaptığı için, boşluklar ve hizalama, formun kompakt ve genişletilmiş bölümleri arasındaki dengeyi korumak açısından kritik öneme sahiptir. Ortalanmış “Gönder” denetimi, farklı bir görsel yön başlatmak yerine son bir hizalama noktası sağlar. Bir CSS Şablonu bağlamında bu özellikler bölüm içinde ayrıntılı biçimde ayarlanabilir: tipografi kalınlığı, metin hizalaması, alan kenarlıkları, boşluklar, arka plan rengi, denetim boyutları ve beyaz alan dengesi mevcut rezervasyon hiyerarşisini destekleyebilir. Nicepage'in Özel CSS'i standart denetimlerin yetersiz kaldığı durumlarda amaca yönelik bir biçimlendirme seçeneği sunarken başlık, form alanları, mesaj alanı ve gönderme eylemi aynı kalır.
CSS Şablon 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.
Bu hazır şablonun görsel görünümünü doğrudan Nicepage düzenleyicisinde özelleştirin. Sayfa düzenini CSS yazmadan kolayca yönetilebilir tutarken, tipografi, boşluk, arka planlar, kenarlıklar, renkler, konumlandırma ve diğer stil özelliklerini görsel kontroller kullanarak ayarlayın.
Standart düzenleyici seçeneklerinin ötesine geçen stil gereksinimleri için, hedefli kurallar eklemek üzere Özel CSS kullanın. CSS, özelleştirmenin kapsamına bağlı olarak tek tek öğelere, belirli sayfalara veya tüm web sitesine uygulanabilirken, CSS sınıfları özel kuralları seçilen öğelerle bağlamak için kullanılabilir.
CSS boyutu ve sayfa performansının önemli olduğu projeler için Nicepage, her sayfa için minimum CSS dışa aktarabilir. Tek bir büyük ortak stil dosyasına güvenmek yerine, her sayfa yalnızca o sayfaya özgü stil kurallarını içeren ayrı bir CSS dosyası kullanabilir. Nicepage belgelerine göre, bu sayfaya özgü CSS dosyaları yaklaşık on kat daha kompakt olabilir, bu da gereksiz CSS'yi azaltmaya ve sayfa yükleme performansını iyileştirmeye yardımcı olur.
Bu iş akışı, görsel stillendirmeyi isteğe bağlı özel CSS ve optimize edilmiş sayfaya özgü CSS çıktısıyla birleştirerek, bir proje gerektirdiğinde ek kontrol sağlar ve şablonu özelleştirmenin birincil yolu olarak manuel CSS düzenlemesini gerektirmez.