Web Arayüzlerinde Siberpunk Estetiği ve Neon Tasarım Rehberi

Siberpunk tasarım estetiği, yüksek teknoloji ile düşük yaşam standartlarının çarpışmasını yansıtır. Web tasarımdaki izdüşümü ise; derin siyah arka planlar, yüksek doygunlukta neon renkler (cyan, magenta, neon green) ve retro-fütüristik çizgi şemalarıdır. Syncron oyunumuzun görsel dili bu prensiplere dayanır.

Neon Glow (Işıma) Etkisi

CSS ile neon ışıltısı tasarlamak için box-shadow ve drop-shadow filtrelerini birlikte kullanmalısınız. Renkleri tanımlarken **HSL** (Hue, Saturation, Lightness) renk formatını tercih etmek, gölgelerin opaklıklarını ve parlaklıklarını dinamik hesaplarken büyük kolaylık sağlar:

.neon-glow {
  box-shadow: 0 0 10px hsla(140, 80%, 50%, 0.5),
              0 0 20px hsla(140, 80%, 50%, 0.2);
}

Tipografi Tercihleri

Yüksek kontrastlı, sert köşeli sans-serif veya monospaced fontlar siberpunk atmosferini destekler. Ayrıca kod satırlarını andıran ince ızgara (grid) overlay çizgileri eklemek, derinlik hissini artırır.