Koyu lacivert, açık mavi, beyaz ve mercan renginden oluşan palet, sayfa genelinde tutarlı bir görsel sistem oluşturur. Lacivert, misyon ve bilgilendirme bölümlerinde en güçlü arka plan kontrastını sunarken, mercan rengi baskın bir yüzey olmak yerine vurgu sağlamak amacıyla öne çıkar. Beyaz içerik panelleri ise Şirket Hakkında ve İnşaat Uzmanlığı bölümlerindeki koyu alanları keserek, bu kısımların büyük fotoğrafların yanında odaklanmış bilgi kartları gibi algılanmasını sağlar.
Tasarım dili aynı zamanda yinelenen geometrik dengelere dayanır. Hero alanı, mimari bir arka plan görselinin yanına bir metin paneli yerleştirir; hizmet alanı, dairesel görsellere sahip görsel açıdan tekrarlanan dört kart kullanır ve ekip bölümü dört portre kartını yineler. Bu tekrarlayan yaklaşımlar, her bölümün birbirinin kopyası gibi görünmesine yol açmadan birbirinden çok farklı içerik kategorilerini birbirine bağlar. Cömert boşluklar, büyük başlıkların görsel odak noktası işlevi görmesine alan tanırken, asimetrik kartlar ve üst üste binen paneller sayfanın net ızgara mantığına derinlik kazandırır.
CSS odaklı bir uygulama için asıl değer, bu kuralların tutarlılığıdır: Kontrast, vurgulanan ögeleri destekleyici içerikten ayırır; görsel kırpmaları mimari temayı pekiştirir ve mercan vurgular dikkati Daha fazla gör, Bize ulaşın ve Gönder gibi eylemlere yönlendirebilir. Bu sayede sayfanın temel bölüm sıralaması korunurken renkler, yazı ölçeği, boşluklar, kenarlıklar ve görsel düzenlemeleriyle görünüm kolayca uyarlanabilir.
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.