Sertifikalı çevrimiçi kurslar CSS Şablonu

Beyaz Paneller ve Kırmızı Bölümler Stil Sistemini Tanımlar

Sayfa, sade ve tek renkli bir yüzey yerine güçlü bir kontrast sistemi kullanır. Beyaz ve açık gri alanlar öğrenim içeriğine ferah bir alan açarken, canlı kırmızı ve siyah bölümler tanıtım alanlarının ve altbilginin etrafında net bir vurgu oluşturur. Yinelenen beyaz metin panelleri özellikle önemlidir: Büyük eğitim ve çalışma alanı görsellerinin üzerine ya da yanına yerleşerek başlıkların ve harekete geçirici mesajların görsellerden kopmadan kolayca okunabilmesini sağlar.

Kart stilleri de görsel bir süreklilik kurar. Dört öğrenim kategorisi kartı ve dört temel değer kartı birbiriyle ilişkili bilgileri tekrarlanan görsel birimlere dönüştürürken, üç numaralı eğitim maddesi daha doğrusal bir ritim kazandırır. Kalın sans-serif tipografi, büyük harfli ve ortalanmış başlıklar, cömert boşluklar ve üst üste binen bloklar, bu farklı düzenleri tek bir görsel dilde birleştirir. Bu sayede hero bölümü, kariyer becerileri bölümü ve kurs keşif alanı, görsel ile panel arasındaki yerleşim ilişkileri değişse bile birbiriyle uyumlu hissedilir.

CSS odaklı bir tasarım olan bu yinelenen özellikler, korunması gereken pratik stil kuralları sağlar: Güçlü renk kontrastı, tutarlı panel kullanımı, bilinçli boşluklandırma, kart hizalaması ve belirgin buton vurguları. Bu özellikleri uyarlamak, bölüm sırasını ve içerik ilişkilerini bozmadan eğitim sayfasının genel görünümünü değiştirmeyi mümkün kılar.