Nike
Spor başarılarının tek renkli bir galerisi – beyaz duvarlar, sanat eseri gibi sergilenen ürün, arka plana karışmış krom detaylar.
Nike.com, tek renkli, ürün odaklı bir galeri gibi işlev görüyor: kullanıcı arayüzü neredeyse görünmez, böylece ürün fotoğrafları her ekranı kaplıyor. Arayüzün tamamı siyah, beyaz ve üç farklı gri tonundan oluşuyor; vurgu renkleri, dekoratif gradyanlar veya sıcak, imza niteliğinde krom detaylar yok. Nike'ın imza stili galeri logosunda ve fotoğraflarda yaşıyor, ancak kullanıcı arayüzünün kendisinde asla yer almıyor. Tipografi kompakt ve kullanışlı; 12-20 piksel boyutunda özel olarak tasarlanmış Helvetica Now yazı tipi ailesine ve başlıklar için 76 piksel boyutunda tek, büyük boyutlu Nike Futura ND logosuna dayanıyor. Bileşenler minimalist: 30 piksel yarıçaplı hap şeklinde düğmeler, düz ürün kartları, ince kenarlıklar ve neredeyse sıfır yükseklik farkı. Sayfa, saf beyaz ürün yüzeyleri ve çarpıcı, koyu editoryal bölümler arasında geçiş yaparak, süsleme yerine kontrast yoluyla ritim yaratıyor.
Sayfa, güçlü bir editoryal ritmi takip ediyor: tek bir ürün ve büyük bir başlık içeren çarpıcı, tam genişlikte, koyu renkli bir başlık, ardından tam genişlikte, 2x2 kategori tablosu, 3 sütunlu yatay olarak kaydırılan ürün kartları tablosu ve son olarak yoğun, çok sütunlu bir alt bilgi. Tüm içerik blokları, maksimum kapsayıcı genişliği olmaksızın tam görünüm genişliğini kaplar; maksimum genişlik sınırlaması yalnızca gezinme ve alt bilgi bağlantı tablosu için geçerlidir. Bölümler arasındaki geçişler keskindir: siyah başlık → beyaz kategori tablosu → beyaz ürün tablosu → beyaz alt bilgi, tek görsel dikiş görevi gören dar gri kenarlıklar. Gezinme, sabitleme, arka plan dolgusu ve gölge içermeyen minimalist, iki katmanlı bir çubuktur (üstte yardımcı bağlantılar, ortada birincil kategoriler). İçerik yoğunluğu, ürün tablolarında kompakttır (dar kart aralığı) ve başlıkta geniştir (tam genişlikte görünüm).
Fotoğrafçılık, baskın görsel unsur olup markanın tüm kimliğini tanımlar. Sistem, yüksek kaliteli, tam çerçeve ürün fotoğrafları kullanır: koyu veya degrade bir arka plana karşı tek tek fotoğraflanan, çerçeveyi dolduracak şekilde kırpılmış, yaşam tarzı bağlamı içermeyen spor ayakkabılar. Yaşam tarzı görselleri, hareket halindeki sporcuların ayaklarını ve bacaklarını sergileyen kategoriler içinde yer alır. Yüksek kontrastlı, doygun bir renk şeması kullanılır: siyah bir arka plana karşı kırmızı ayakkabılar, beyaz tabanlarda neon vurgular ve malzemeleri dramatize etmek için sıcak ve soğuk aydınlatma. Hiçbir illüstrasyon, soyut grafik veya 3D render kullanılmaz. Görseller her zaman temiz kenarlara sahiptir (fotoğraf kutularında yuvarlak köşeler yoktur), her zaman bloklarının içindeki tüm alanı kaplar ve her zaman minimal metin katmanıyla birlikte gelir. İkonografi tamamen işlevseldir: arama, istek listesi, sepet ve hesap için Obsidyen veya Çelik renklerinde kontur ikonları.
Palet
Doğal
- Obsidian
#111111— Koyu renkler, nötr metin ve simgelerle uyum sağlar ve güçlü bir kontrast oluşturur. Eylem çağrıları için ana renk olarak kullanmaktan kaçının. - Paper White
#ffffff— Sayfa arka planı, kart yüzeyi, koyu arka plan üzerindeki düğme metni, simge çerçevesi—ürün ızgaraları ve kategori bölümleri için varsayılan tuval. - Concrete Gray
#e5e5e5— Sınırlar, ayırıcılar, ızgara bölümlerini ayıran ince çizgiler, giriş alanlarının belirsiz hatları. - Soft Mist
#f5f5f5— İkincil yüzeyler için sade arka plan rengi, gezinme menüsündeki arama alanı dolgusu, etiket arka planı. - Steel
#707072— İkincil metin, soluk yardımcı metin, azaltılmış simge çerçeveleri, yol izleme etiketleri, altbilgi bağlantı ayırıcıları. - Faint Gray
#9e9ea0— Simge çerçeveleri, küçük kullanıcı arayüzü öğeleri ve minimum düzeyde vurgulama içeren kenarlıklar devre dışı bırakıldı.
Tipografi
12 ila 76 piksel arası · 6 adım
- Helvetica Now Text Medium — yenisiyle değiştirme: Inter · ana hatlar 500 · Helvetica Now Text Medium yazı tipi - kazınan verilerde bulundu ancak yapay zeka tarafından tanımlanmadı.
- Helvetica Now Text — yenisiyle değiştirme: Inter or Helvetica Neue · ana hatlar 400, 500 · Kullanıcı arayüzünün ana metni; gezinme bağlantıları, düğme etiketleri, kart başlıkları, ürün adları, altbilgi listeleri ve tüm gövde metni.
- Helvetica Now Display Medium — yenisiyle değiştirme: Inter Medium or Helvetica Neue Medium · ana hatlar 500 · Bölüm başlıkları, kart kategori etiketleri, orta boy başlıklar - Orta boy yazı tipi (20-24 piksel), büyük tasarım öğeleri olmayan Nike başlıklarının ayırt edici özelliğidir: asla kalın değil, her zaman özlü.
Aralıklar ve biçim
| Amaç | Anlam |
|---|---|
| Yoğunluk | yoğun |
| Temel adım | 8px |
| Düğme yarıçapı | 30px |
| Kart yarıçapı | 0px |
| Gölgeler | hayır - gölgeler yerine kenarlıklar |
| Bölümler arasında | 48px |
| Sayfa genişliği | 1440px |
Yapay zeka, web sitenizi Nike tarzında oluşturacak ve içeriğini dolduracak.
- Ürünlerinizi ve gönderilerinizi aşağıdaki bağlantılar aracılığıyla paylaşın: Instagram, TikTok, Facebook.
- Eski sitenizdeki içeriği aktarın; sadece adresi belirtmeniz yeterli.
- En iyi motor üzerinde modern tasarım: Sunucu tarafı işleme ve SEO optimizasyonu özellikleriyle birlikte React ( Next.js).
- Arama sonuçları için tamamen otomatik SEO optimizasyonu ve sinir ağı tabanlı öneriler.
Benzer stiller
- Airbnb — Tek bir mercan kırmızısı kitap ayracıyla süslenmiş, sakin beyaz bir galeri duvarı.
- Apple (España) — beyaz galeri vitrini
- Silencio — Havada süzülen objelerle dolu beyaz bir oda. Her bir unsurun negatif hacimli bir arka plana karşı yerini aldığı, sıcak kağıttan yapılmış bir galeri sergisi ve sessizlik, kasıtlı bir tasarım kararı.
- Oakâme — Güneşin bolca vurduğu, sıcak taştan oyulmuş bir Provence atölyesi.
- Arc — gece yarısı suyunun üzerinde endüstriyel beyaz galeri
- Rivian — Galerinin beton duvarında elektrikli bir monolit. Rivian, her aracı geniş beyaz bir alana karşı bir heykel gibi sunuyor; tipografi o kadar büyük ki mimari bir unsur haline geliyor ve tek renkli atmosferi kıran, mat bir yüzey üzerindeki güneş ışığı gibi sıcak bir sarı renk kullanılıyor.
- Analogue — Siyah galeri vitrini – ürünler boşlukta asılı duruyor.
- ddna — İşlenmemiş keten kumaş üzerine sıcak müze vitrini
- Zellerfeld — Beyaz mermerden bir heykeltıraş atölyesi—kaidenin yekpare yüzeyleri, tek bir kobalt parıltısı, yerden tavana uzanan küçük harflerin fısıltısı.
- UY Studio — Manastırın taş galerisi, beton duvarlarla çevrili, sessiz bir mekân; burada parfüm şişeleri beyaz kaideler üzerinde duruyor ve 400 watt'lık bir lamba ile dört sıcak gri ampulle aydınlatılıyor.
- Basic.Space — Beyaz mermer üzerine kurulu küratörlük galerisi
- COS — beyaz duvarlı, modern bir galeri