En ileri seviye CSS Şablonu

Mavi Vurgular Kartları, Panelleri ve Fotoğrafları Birbirine Bağlar

Mavi vurgu, sayfada tek başına duran bir süsleme olmaktan ziyade yinelenen bir görsel işaret olarak kullanılır. Hero içerik panelini çevreler, yetkinlik ikonlarında yer alır ve iki profil kartının isim şeritlerinde yeniden karşımıza çıkar. Koyu tonlu fotoğrafik arka planlarda bu vurgu, giriş mesajına belirginlik kazandırır; beyaz ve açık renkli bölümlerde ise kartlara ve iletişim içeriklerine net bir odak noktası sağlar.

Tasarım ayrıca büyük fotoğraflar ile sade içerik alanları arasındaki karşıtlıktan da beslenir. Hero alanı koyu bir görselin üzerine metin kartı yerleştirirken, üç süreç kartı tam genişlikteki fotoğraflı bir alanın üzerinde beyaz yüzeyler kullanır. Daha sonra açık gri renkli „Neler Yapıyoruz” bölümü ve beyaz iletişim paneli, koyu renkli footer öncesinde görsel duraklama noktaları sunar. Cömertçe kullanılan boşluklar, görsellerin, kartların ve metin bloklarının birbirinin önüne geçmesini önleyerek bu geçişlerin rahat okunmasını sağlar. Kartlara uygulanan tutarlı yaklaşım ve güçlü sans-serif başlıklar, sayfanın mevcut bölüm akışı korunarak özelleştirilebilecek dengeli bir stil sistemi sunar. CSS odaklı bir uygulamada bu ilişkiler, tek bir renk değerinden çok daha önemlidir: Arka plan kontrastı, kenarlıklar, boşluklar, kart yüzeyleri ve vurgu renklerinin tutarlı kullanımı Hakkımızda sayfasını bir arada tutan temel unsurlardır.