Bang & Olufsen
İskandinav porselen galerisi. B&O sayfası karanlık olduğunda, eser gece yarısı bir niş içindeki bir heykel gibi aydınlanıyor; aydınlatıldığında ise eser, dikkatini dağıtacak başka hiçbir şey olmadan beyaz ipek üzerinde süzülüyormuş gibi görünüyor.
Bang & Olufsen, galeri-müze prensibiyle çalışır: Ürünlerin heykelsi nesneler gibi havada süzüldüğü, neredeyse beyaz porselen tuvaller; ekranın tüm genişliğini kaplayan ara sıra renkli eklemelerle kesintiye uğrar – bazen tüm ekranı kaplayan koyu bir lacivert mor, bazen de zengin bir toprak kırmızısı – duygusal vurgular için. Tipografi, kendi başına konuşan, özel olarak tasarlanmış tek bir neo-grotesk yazı tipidir (BeoSupreme): büyük ekranlarda neredeyse fark edilmez, mikro etiketlerde cömertçe doldurulmuş büyük harfler, başka yazı tiplerine gerek yok. Bileşenler minimuma indirgenmiştir: yarı saydam hap şeklinde kontroller, ince kenarlıklar, dekoratif gölgeler yok, gradyan düğmeler yok, ikonlar yok. Izgara geniştir, negatif alan bir lükstür. Her ürüne kendi yüzen kaidesi verilir; etrafındaki beyaz alan boşluktur. Renk, değerli bir malzeme gibi dağıtılır – göründüğünde, tüm çerçeveyi kaplar.
1440 piksel maksimum genişliğe sahip konteyner ortalanmış ve kenarlarında 25 piksel yatay kenar boşluğuna sahip. Ana öğe sayfanın tüm genişliğini kaplıyor (konteyneri bölüyor) ve lacivert kamera kenardan kenara uzanıyor. Ürün ızgaraları 25 piksel aralıklarla 4-5 sütun halinde eşit olarak yerleştirilmiş ve mobil cihazlarda yatay olarak kaydırılıyor. Bölümler beyaz bir arka plan ve tam genişlikte renkli kameralar arasında dönüşümlü olarak yer alıyor; ritim şu şekilde: beyaz ürün ızgarası → lacivert ana öğe → beyaz ürün ızgarası → koyu kırmızı editoryal banner → beyaz ürün ızgarası → lacivert altbilgi. Navigasyon, beyaz ve renkli bölümlerin üzerinde yüzen minimalist bir üst çubuktur (metin koyu bir arka plan üzerinde beyaz olarak ters çevrilmiştir). Sayfa "nefes alıyor"; bölümler arasındaki boşluklar 60-80 piksel, her bir ürünün hücreler içinde kendi alanı var ve bilgi yoğunluğu yok.
Ürün fotoğrafçılığı tek görsel unsurdur: yaşam tarzı görüntüleri, modeller veya çevresel bağlam yoktur. Ürünler, malzemeleri (mat alüminyum, deri dokusu, anotlanmış bakır ve mat silikon) vurgulayan kontrollü stüdyo aydınlatmasıyla tamamen nötr arka planlara (beyaz, siyah ve koyu mavi gradyan) karşı çekilir. Kırpma dar, ortalanmış ve ana konu vurgulanmıştır. Renk sunumu soluk ve malzemeye uygundur: bakır, "altın saat" olarak değil, bakır olarak algılanır. İkincil görsel motifler arasında, dramatik editoryal anlar için zengin, monokromatik düzlemlere (ultramarin, terakota kırmızısı) karşı seyrek, tam ekran ürün silüetleri bulunur. İkonografi: ince 1 piksel çizgi, beyaz üzerine siyah veya koyu üzerine beyaz monokrom, geometrik, dolgu yok, çok renkli yok.
Palet
Marka
- Ultramarine Velvet
#060daa— Sayfaların üst ve alt kısımlarındaki arka plan resimleri, sayfanın tüm genişliğini kaplayan çarpıcı bölümler ve altbilgi dolguları; tüm çerçeveleri kaplayan ve tek bir ürüne tiyatrovari bir hava katan zengin, neredeyse siyah-mavi-mor bir renk.
Doğal
- Porcelain Canvas
#ffffff— Sayfa arka plan resimleri, ürün kartı tasarımı ve gezinme çubukları, her ürünün üzerine inşa edildiği temel unsurlardır. - Bone
#fcfaee— Sıcak nötr tonlu bloklar için ikincil bir yüzey, koyu bir arka plan üzerinde düğme metni, beyazın steril göründüğü durumlarda alternatif bir tuval. - Obsidian
#191817— Ana metin ve ürün açıklaması metni, beyaz bir arka plan üzerinde saf #000000 renginden daha yumuşak görünen, sıcak, neredeyse siyah bir renktedir. - Pure Ink
#000000— Simge ana hatları, mikro etiketler, ince kenarlıklar ve en keskin metin kontrastları. - Graphite
#555555— İkincil metin, meta veri, fiyat etiketleri, sessiz yardımcı metin - Mist
#e5e5e5— İnce giriş veri sınırları ve sistemdeki tek yapısal ayırıcı.
Tipografi
12 ila 36 piksel arası · 5 adım
- BeoSupreme — yenisiyle değiştirme: Neue Haas Grotesk Display Pro (closest) · ana hatlar 400, 500, 700 · Marka kimliğinin tamamını yansıtan tek bir yazı tipi. Başlıklar ve alt başlıklar için: 500–700 punto, 24–36 piksel, dar harf aralığı (-0.056em → -0.014em) ile kendinden emin, özlü başlıklar. Gövde metni ve kullanıcı arayüzü için: 400 punto, 14–16 piksel, normal harf aralığı, 1,5–1,7 satır aralığı. Mikro etiketler (navigasyon, simgeler, "1925'te Kuruldu" sloganı): 500 punto, 9–12 piksel, +0.143em'e kadar geniş harf aralığı, göze batmayan mimari açıklamalar olarak kullanılmak üzere büyük harflerle görüntülenir. Rakip başka bir yazı tipi yoktur.
- object-fit: cover; object-position: center; — yenisiyle değiştirme: Inter · ana hatlar 400 · object-fit: cover; object-position: center; - çıkarılan verilerde bulundu ancak yapay zeka tarafından tanımlanmadı.
Aralıklar ve biçim
| Amaç | Anlam |
|---|---|
| Yoğunluk | yoğun |
| Temel adım | 8-16px |
| Düğme yarıçapı | 40px |
| Kart yarıçapı | 0px |
| Gölgeler | hayır - gölgeler yerine kenarlıklar |
| Bölümler arasında | 60-80px |
| Sayfa genişliği | 1440px |
Yapay zeka, web sitenizi Bang & Olufsen 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
- Structured — Plastik hamur benzeri kağıt üzerine Rönesans galerisi
- Apple (España) — Müze galerisi, yumuşak gün ışığında, her serginin hafifçe renklendirilmiş bir duvara karşı spot ışığıyla aydınlatıldığı, büyüleyici, ağırlıksız beyaz bir mekândır.
- Apple (España) — Obsidyen Galerisi, tek bir titanyum objenin simsiyah bir arka plana karşı parladığı karanlık bir sergi salonudur.
- 099 SUPPLY — Siyah beyaz objelerle dolu bir galeri duvarı.
- Custo — Metalik gri tonlarında, tek parça bir yazı tipine sahip bir galeri. Soluk gri-yeşil tonlarında bir sergi salonu; burada tek bir koyu obje ve 57 piksel yazı tipi kendi başına konuşuyor.
- Apple (España) — Öğlen saatlerinde Beyaz Müze Galerisi
- VITURE — Gece yarısı camının ardında neon bir ürün sergisi – tek bir turuncu ışının karanlığı yarıp geçerek bir stand üzerindeki bir çift gözlüğü aydınlattığı karartılmış bir teşhir salonu.
- HNST Studio — Pas lekeli keten kumaşlarla döşenmiş, samimi bir stüdyo, yavaş moda galerisi niteliğinde; burada tek bir yanık turuncu tonu, krem ve kömür renginin hakim olduğu manastırvari iç mekanı ısıtıyor.
- OFFFICE : — Tek parça yazı tipiyle kaplanmış bir kara film galerisi
- ARTU — Beyaz kağıt üzerine galeri duvarı. ARTU, görüntüleme alanını bir müze sergisi gibi ele alıyor: büyük ölçekli ürün fotoğrafları, ince detaylar ve kompozisyonu tamamlayan altta tek bir limon dokunuşu.
- Specht Studio — Gizli bir merakla dolu bir galeri duvarı. Stüdyonun kendine özgü krom kaplaması beyaz bir yüzey ve siyah harflerden oluşuyor; görsel şölen tamamen projenin karo işçiliğinde yoğunlaşmış durumda.
- MindMarket — Krem rengi kağıda basılmış, sıcak ve samimi bir masal kitabı; büyük Inter başlıklarının ve kesilmiş kağıt karakterlerin güneş ışığıyla yıkanmış, yumuşak bir yüzeyde bir arada bulunduğu, dostane bir editoryal tuval.