Kurumsal web sitesiYayında
neptay.com
Kurumsal web sitemiz — medya, teknoloji ve müşteri servisleri tek bir sistemde, on dilde ve iki renk modunda.
İşin içinden
Sisteme bir bakış.
Açık ve koyu modda ana sayfa, marka paleti, yazı ölçeği ve sitenin yayınlandığı on dil.
Genel bakış
Sitemiz, müşterilerin ve iş ortaklarının ilk gördüğü yer. Neptay’ın her alanını, müşteri işlerine getirdiğimiz standartla sunuyor.
İşin özü
- Sorun
- Bir medya ve teknoloji şirketini — iki bölümü ve müşteri servislerini — tek, net ve güvenilir bir marka olarak sunmak.
- Kısıt
- Biri sağdan sola olmak üzere on dil ve iki renk modu.
- Çözüm
- Token tabanlı bir tasarım sistemi: tek palet, büyük tipografi, gri paneller ve tek bir sarı işaretleyici.
Neptay Media & Technology Services bir medya ve teknoloji şirketi. Site, iki bölümü ve müşteri servislerini tek ve net bir marka altında topluyor.
Tasarım sistemi marka paleti üzerine kurulu: iki açık nötr, iki koyu ton ve tek bir sarı vurgu. Aynı token seti hem varsayılan açık modu hem de koyu modu yönetiyor; sitedeki her arayüz kodla çiziliyor, bu yüzden ürünle her zaman uyumlu kalıyor.
Site, tek bir içerik katmanından on dilde yayınlanıyor; Japonca ve sağdan sola yazılan Arapça da dahil. Yerleşimler mantıksal CSS özellikleriyle kurulduğu için kusursuz biçimde aynalanıyor; yönlendirme, meta veriler, hreflang ve yapılandırılmış veri her sayfada dile göre çalışıyor.
Yaklaşım
Baştan sona korunan üç ilke.
İşi tipografi yapar
Büyük, sıkı başlıklar ve sakin, ikincil tonda giriş metinleri. İki tonlu tek bir başlık hem fikri hem bağlamını taşıyor. Tipografinin yapabileceği işi hiçbir simgeye bırakmadık.
Tek vurgu, işaretleyici olarak
Marka sarısı aksiyonları ve vurguları işaretliyor — bir buton, altı çizilen bir ifade, küçük bir kare. Geri kalan her şey mürekkep, gri paneller ve ince çizgiler; hem açık hem koyu modda.
Hareket onaylar, gösteri yapmaz
İçerik ilk görüldüğünde yerine oturuyor, kartlar üzerine gelindiğinde hafifçe yükseliyor ve ziyaretçi azaltılmış hareketi tercih ettiğinde tüm animasyonlar duruyor.
Sonuçlar
Sitenin sağladıkları.
Yerelleştirme
10dil
İngilizce, Türkçe, Almanca, İspanyolca, Fransızca, Portekizce, Rusça, Arapça, Japonca ve Çince — her sayfada hreflang ile.
Yerleşim
Soldan sağa ve sağdan sola
Arapça, ayrı bir stil dosyasıyla değil, mantıksal CSS özellikleriyle tüm yerleşimi aynalıyor.
Renk
Tek palet, iki mod
Token olarak uygulanan beş marka rengi: varsayılan açık mod ve her sayfada geçilebilen koyu mod.
Sistem
Tek token seti
Her sayfa, iki renk modu ve on dilin tamamı aynı tasarım token’larını paylaşıyor.
Teknoloji
- Next.js 15
- React 19
- TypeScript
- CSS design tokens
- Geist
- Vercel