Çevrimiçi Eğitim Rehberi CSS Şablonu

Lavanta kartlar ve mor vurgular öğrenme stilini şekillendiriyor

Sayfa görünümünü parlak beyaz bir zemin, lavanta ve krem rengi içerik alanları, canlı mor vurgular ve daha küçük yeşil detaylar üzerine kurar. Bu renk paleti, eğitim teklifine belirgin bir kontrast kazandırır: Giriş mesajı ve eylem butonu güçlü bir odak çekerken, kurs ve eğitmen bölümleri birbirinden kolayca ayrışır. Yuvarlatılmış kartlar; üç giriş kategorisinde, kurs vitrininde ve eğitmen profillerinde tekrarlanarak birbiriyle bağlantısız paneller yerine bütüncül bir yüzey dokusu oluşturur.

Tipografi, tasarımın bir diğer temel kuralıdır. Kalın, yuvarlak hatlı ve tırnaksız başlıklar; “Becerileri daha hızlı öğrenin” ve “Bugün Başlanabilecek Popüler Kurslar” gibi ifadeleri ön plana çıkarırken geniş boşluklar illüstrasyonların, açıklamaların ve satın alma bilgilerinin görsel olarak sıkışık durmasını engeller. Dairesel portreler ve araç ikonları, eğitmenler ile eğitim araçları bölümlerini birbirine bağlayan ortak bir biçim dili sunar. Koyu renkli footer ise marka logosu, kapanış daveti, destek butonu ve iletişim bilgileri için bilinçli bir kontrast yaratır.

CSS odaklı bir tasarım olarak bu tekrarlayan özellikler, özelleştirilmesi pratik bir stil sistemi sağlar: Sayfanın fark edilebilir hiyerarşisi bozulmadan renk rolleri yeniden atanabilir, kartların köşe kavisleri ayarlanabilir, boşluklar dengelenebilir ve vurgular koordine edilebilir. Sonuç; görsel kuralları tüm öğrenim yolculuğu boyunca net bir şekilde izlenebilen, tasarım öncelikli bir uygulamadır.