Görsel tutarlılık önizlemesi

Hero → kurum şeridi geçişi

Hero'nun fotoğrafla bitişi ile hemen altındaki #110D14 zeminli kurum şeridi arasındaki geçişi karşılaştırın. Arka plan görseli, renk dengesi, tipografi ve kurumsal künye kartı değişmedi.

Değişen tek şey: sınırın keskinliği Eklenen katman: yalnızca dikey opaklık geçişi Yükseklik: 132px masaüstü · 104px mobil

MASAÜSTÜ — 1440px görünümü

Hero alt kenarı + kurum şeridi
Önce
Veri merkezi koridoru; mavi ve mor ışıklarla aydınlanmış sunucu rafları
24 yıllık teknoloji ve operasyon deneyimi

Kritik sistemlerinizi biz yönetelim.Siz işinize odaklanın.

Kurumsal künye 24 yıl Türkiye'de 7/24 Yönetilen
LEOGRAND CASINO BRITISH AMERICAN TOBACCO TÜV SÜD HILTON GARDEN INN WELMOND HOTELS

Fotoğrafın parlak alt kenarı, #110D14 zeminli şeride keskin bir yatay çizgiyle çarpıyor. Göz bu çizgiyi "iki ayrı blok" olarak okuyor.

Sonra
Veri merkezi koridoru; mavi ve mor ışıklarla aydınlanmış sunucu rafları
24 yıllık teknoloji ve operasyon deneyimi

Kritik sistemlerinizi biz yönetelim.Siz işinize odaklanın.

Kurumsal künye 24 yıl Türkiye'de 7/24 Yönetilen
LEOGRAND CASINO BRITISH AMERICAN TOBACCO TÜV SÜD HILTON GARDEN INN WELMOND HOTELS

Aynı fotoğraf, aynı perde. Yalnızca alt 132px'te zemine doğru bir sönümleme var — geçiş artık çizgi değil, devamlılık.

MOBİL — 390px görünümü

Tek sütun, künye kartı tam genişlikte
Önce
Veri merkezi koridoru; mavi ve mor ışıklarla aydınlanmış sunucu rafları
24 yıllık teknoloji ve operasyon deneyimi

Kritik sistemlerinizi biz yönetelim.Siz işinize odaklanın.

Kurumsal künye 24 yıl Türkiye'de 7/24 Yönetilen
LEOGRAND BAT TÜV SÜD HILTON WELMOND

Mobilde perde zaten dikey ve koyu; yine de geçiş çizgisi görünüyor.

Sonra
Veri merkezi koridoru; mavi ve mor ışıklarla aydınlanmış sunucu rafları
24 yıllık teknoloji ve operasyon deneyimi

Kritik sistemlerinizi biz yönetelim.Siz işinize odaklanın.

Kurumsal künye 24 yıl Türkiye'de 7/24 Yönetilen
LEOGRAND BAT TÜV SÜD HILTON WELMOND

Geçiş 104px'te tamamlanıyor; şerit artık yapıştırılmış değil, akıyor.

Değişmeyenler

  • Arka plan fotoğrafı — aynı dosya, aynı konum, aynı cover kırpma
  • Renk dengesi — mavi / mor / pembe / amber ışıklar olduğu gibi
  • Yatay perde (scrim) — hiçbir değeri değişmedi
  • Tipografi, başlık, açıklama, iki CTA düğmesi
  • Kurumsal künye kartı — dört künye, cam yüzey, kenarlık, gölge
  • Şerit zemini, marka adları, ayraçlar
  • SEO, şema, formlar, tracking