Sarı, kırmızı, mavi ve antrasit bölümler, sayfanın temel stil sistemini oluşturur. Kırmızı ve turuncu açılış görsel alanı, ortalanmış başlık metni ve yatay e-posta formuyla yüksek kontrastlı ve çarpıcı bir başlangıç noktası yaratır. Sarı Hakkımızda bölümü, cömert boşluk düzenini ve ortalanmış okuma odağını korurken görsel sıcaklığı değiştirir; monokrom portre fotoğrafları ise renk alanı üzerinde dengeli bir kontrast sunar.
Dört süreç kartı, eşit genişlikteki renkli sütunlar ve yinelenen numaralı etiketler aracılığıyla bu sistemi sürdürür. Kartların tutarlı görsel yapısı, avan projeden yapım aşamasına kadar tüm adımların tek bir görsel ailenin parçası gibi algılanmasını sağlarken, farklı renkler yapıyı bozmadan akışı birbirinden ayırır. Daha alt kısımdaki yedi görselli galeri, proje fotoğrafları ile sarı-antrasit bir metin panelini dönüşümlü kullanarak kontrastı daha yoğun bir kompozisyona taşır. Müşteri yorumu bölümü ise ilgisiz yeni bir görsel dil kullanmak yerine koyu bir arka plan, bir portre ve renkli dikdörtgen vurgulardan yararlanır.
Bu yinelenen ilişkiler, tasarımı CSS odaklı stil çalışmaları için son derece elverişli kılar; çünkü görsel yapı yeniden kullanılabilir özelliklerle taşınır: arka plan renkleri, boşluklar, tipografi ölçeği, görsel işleme, kart hizalaması ve vurgular. Böylece görsel düzenlemelerin, oturmuş bölüm sırasını ve içerik ilişkilerini bozmadan vurgu noktalarını değiştirebildiği bir sayfa elde edilir.
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.