Tasarım, cami iç mekânlarını ve Kuran fotoğraflarını ana tanıtım ve program bölümlerinin arkasına yerleştirerek koyu ve sıcak tonlu görselleri görsel bir temel olarak kullanır. Altın sarısı ve hardal rengi vurgular yuvarlatılmış butonları ve seçili ayrıntıları öne çıkarırken, camgöbeği şeritler ve paneller daha serin bir denge unsuru sağlar. Krem ve beyaz metin alanları, sayfanın manevi dokusunu bozmadan içeriğin koyu görseller üzerinde rahatça okunmasını mümkün kılar.
Bu stil kurgusu tek bir bölümle sınırlı kalmayıp sayfanın bütününde tekrarlanır. Açılıştaki görsel üzeri metin bloğu, camgöbeği ders programı paneli, portrelerin eşlik ettiği kayıt alanı ve camgöbeği alt bilgi alanı bilgiyi görselden ayırmak için kontrasttan yararlanır. Serif ekran tipografisi, “Kadınlar İçin Çevrim İçi Kuran Dersleri” ve “Tecvid, Kıraat ve Hıfz Programları” gibi başlıklara vakur bir hava kazandırırken kompakt destekleyici metinler bölümlerin işlevsel kalmasını sağlar. Yan yana yerleştirilmiş dört portre, aynı görsel dili düzenli bir fotoğraf uygulamasıyla devam ettirir.
CSS odaklı bir tasarım olan bu şablon; görsel katmanları, renk kontrastı, buton dolguları, panel arka planları, tipografi ölçeği, boşluklar ve tekrarlanan portre ögelerinin biçimlendirilmesi gibi korunabilecek veya özelleştirilebilecek net görsel özellikler sunar. Bu kurallar; program metinleri, ders çizelgesi ayrıntıları ve eylem çağrıları yenilenirken sayfanın tutarlı bir görünüm sergilemesini destekler.
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.