Geçici önizleme

Hero tipografisi, metinler, düğmeler ve künye kartı

Arka plan görseli onaylandığı için hiç değiştirilmedi. Aşağıda hero'nun masaüstü ve mobil görünümü var — ikisi de birebir canlı kopya, gerçek responsive davranışla çalışıyor.

İkinci cümle #D8C3D1 soluk pembe-gri
Künye kartı Masaüstünde 2×2 ızgara, mobilde tek sütun
Giriş animasyonu 500ms, tek sefer, 90ms kademe
CTA hover 2px yukarı yükselme
Masaüstü 2×2 künye ızgarası · arka plan değişmedi
novatekcloud.com

24 YILLIK TEKNOLOJİ VE OPERASYON DENEYİMİ

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

ERP, SQL ve kurumsal uygulamalarınız için yönetilen bulut, güvenlik, yedekleme ve 7/24 altyapı izleme hizmetleri.

Teklif Alın Hizmetleri Keşfedin
Kurumsal künye
  • 24 yılKurumsal deneyim
  • Türkiye'deBarındırma
  • 7/24Altyapı izleme
  • YönetilenOperasyon

Düğmelere gelin: 2px yukarı kalkar. Bu önizlemede gerçekten çalışıyor. Künye kartı dört bilgiyi 2×2 ızgarada tutar — kart dikeyde kısaldı, sağ sütun nefes alıyor.

Mobil 390px · künye tek sütuna iner

24 YILLIK TEKNOLOJİ VE OPERASYON DENEYİMİ

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

ERP, SQL ve kurumsal uygulamalarınız için yönetilen bulut, güvenlik, yedekleme ve 7/24 altyapı izleme hizmetleri.

Teklif Alın Hizmetleri Keşfedin
Kurumsal künye
  • 24 yılKurumsal deneyim
  • Türkiye'deBarındırma
  • 7/24Altyapı izleme
  • YönetilenOperasyon

Mobilde ne oluyor?

Masaüstündeki 2×2 ızgara telefonda tek sütuna iner. Sebep ölçü: 390px'te iki sütun kaldığında etiketler kırpılıyordu.

  • Künye tek sütun. Dört bilgi alt alta, ayırıcı çizgilerle. Hiçbir etiket kesilmiyor.
  • Eyebrow iki satıra kırılabilir. Yeni metin daha uzun; 10px puntoda ve dar ekranda düzgün sarıyor.
  • Düğmeler tam genişlik. Alt alta dizilir, dokunma alanı rahat. Hover yükselmesi tablette de çalışır.
  • İkinci cümle aynı renk. #D8C3D1 her iki görünümde de korunuyor.