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ı.
Zellerfeld, beyaz mermer üzerinde dijital heykellerin sergilendiği bir galeri gibi hissettiriyor; 3 boyutlu baskı ayakkabıların satıldığı bir pazar yeri. Tek renkli yüzeyler, bol beyaz alan ve büyük, küçük harfli yazı tipleri, her ürünün bir müze sergisi gibi görünmesini sağlıyor. Arayüz son derece sade: acil anlar için ayrılmış tek bir elektrik mavisi (#000aff) ile renksiz bir tuval; simgeler, aktif "Mağaza" navigasyonu ve mevcut slayt durumu. Kartlar, saf beyaz yerine sıcak inci grisi bir arka plana karşı yüzüyor ve ızgaraya dokunsal, alçı kalıp hissi veriyor. Yazı tipi, dar harf aralığına sahip tek bir özel sans-serif (Roobert) olarak kalıyor ve Space Mono yalnızca fiyatlandırma, ürün listeleri ve teknik meta veriler için kullanılıyor. Sonuç olarak, ürün sayfası bir perakende satış mağazasından çok bir tasarım basın sitesine benziyor; nesneler satılmıyor, fotoğraflanıyor.
Sayfa, sayfanın tüm genişliğini kaplar ve 1440 piksellik bir içerik şeridi içerir. Ana öğe, kayan bir kullanıcı arayüzü katmanına sahip tam ekran bir fotoğraf banner'ıdır. Ürün bölümleri, tabletlerde 2'ye, mobil cihazlarda 1'e daralabilen 4 sütunlu bir ızgara kullanır. Bölüm ritmi şu şekildedir: büyük ürün açıklaması → editör değerlendirme tablosu → yeni çıkanlar tablosu → basın iletişim bilgileri paneli. Her ürün bölümü içeriğini şerit içinde ortalar ve bölümler arasında 80 piksel dikey boşluk kullanır. Navigasyon, üstünde ince bir reklam şeridi bulunan tek satırlı sabit bir üst çubuktur. Ürün kartları katı bir ızgaraya göre hizalanmıştır; resim alanı her zaman ayakkabı silüetinin ortasında yer alır ve kart içinde 40 piksel üst/alt dolgu bulunur; meta veri kümesi ise 40x40 marka logosuyla sol alt köşeye sabitlenmiştir.
Ürün fotoğrafçılığı baskın görsel unsurdur; her ayakkabı, tamamen beyaz veya sıva yüzey üzerinde üç çeyrek açıyla fotoğraflanır ve herhangi bir bağlam, model veya çevre olmadan tüm kartı kaplar. Ana unsur, tam teşekküllü bir yaşam tarzı fotoğrafıdır: kum veya beton üzerinde ayak ve ayakkabıların kırpılmış çekimleri, her zaman insan ölçeğinde, asla mükemmel stüdyo kalitesinde değil. "Konu ana unsurdur" ilkesi geçerlidir; ayakkabılar, ana editoryal unsurda bile, çerçevenin görünür alanının %40'ını kaplar. Dekoratif grafik öğeler, soyut desenler veya illüstrasyonlar kullanılmaz. İkonlar doğrusaldır, siyahla çerçevelenmiştir, asla doldurulmaz, asla renklendirilmez.
Palet
Marka
- Electric Cobalt
#000aff— Yeni simgeler, aktif gezinme çubuğu, geçerli slayt göstergesi, etkinleştirme anları—sistemdeki tek renkli ipucu, dekorasyondan ziyade etkinleştirme olarak algılanması için az miktarda kullanılmıştır.
Doğal
- Pale Iris
#e5e7ff— Rozetler için yeni bir renk dolgusu, yumuşak bir vurgu ve etiketleme seçenekleri için renkli bir yüzey; tek renkli paleti bozmadan renge dair ipuçları veren, soluk bir kobalt tonu. - Ink Black
#111111— Gövde metni, varsayılan kenarlıklar, simge çerçeveleri, ince ayırıcılar - başlıklar, listeler ve bağlantılar için baskın yapısal renk. - Pure White
#ffffff— Renk kullanımının belirgin olmadığı durumlarda, nötr form durumları, simge metinleri ve göze batmayan kullanıcı arayüzü geri bildirimleri kullanılmalıdır. Eylem çağrıları için birincil renk olarak kullanmaktan kaçının. - Plaster
#ecedee— Ürün kartları için ikincil yüzey, gezinme çubuğu arka planı, tuvalin üzerinde pürüzsüz yükseltilmiş seviye. - Slate
#a1a4aa— Kart çerçevesinin rengi, nötr düğme dolgusu ve soluk düğme çerçevesi, kartın kenarlarını koyulaştırmadan vurgulayan gri tonlarıdır. - Fog
#d7d7d7— Hafif karton çerçeve, ayırma çizgileri, pasif yüzeyin renklendirilmesi.
Tipografi
13 ila 128 piksel arası · 7 adım
- Roobert — yenisiyle değiştirme: Inter · ana hatlar 400, 500, 600, 700 · Ana marka yazı tipi, metin gövdesinden başlıklara kadar her şeyde kullanılır. Satır aralığı tüm boyutlarda tutarlıdır, bu da logonun küçük harflerinin yoğun, heykelsi bir kütleye sahip olmasını sağlar. Yazı tipi kalınlığı bağlama bağlı olarak artar: metin gövdesi ve kullanıcı arayüzü için 400, vurgulanmış başlıklar için 500, ürün adları için 600 ve büyük başlıklar için 700.
- Space Mono — yenisiyle değiştirme: JetBrains Mono · ana hatlar 400, 600 · Sayfanın tanıtım metni yerine teknik bir özellik olarak algılanması gereken yerlere teknik meta veriler (fiyatlar (€189.00), ilk 10 pozisyon için sayısal değerler, hisse senedi sembolleri ve mağaza adları) eklenmiştir.
- Arial — yenisiyle değiştirme: Inter · ana hatlar 400 · Arial - Çıkarılan verilerde bulundu ancak yapay zeka tarafından tanımlanmadı.
Aralıklar ve biçim
| Amaç | Anlam |
|---|---|
| Yoğunluk | ortalama |
| Temel adım | 16px |
| Düğme yarıçapı | 10px |
| Kart yarıçapı | 10px |
| Gölgeler | minimal |
| Bölümler arasında | 80px |
| Sayfa genişliği | 1440px |
Yapay zeka, web sitenizi Zellerfeld 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.
- 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.
- 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
- 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