Telegram, WhatsApp+380637610482
Valery Danyuk
Valery Danyukgeliştiriciİşletmeler için yapay zeka araçları geliştiriyoruz. Yüksek kalite. Uygun fiyat.Telegram'dan yaz
FARFETCH España — bu tarzda bir sitenin önizlemesi

FARFETCH España

"Beyaz küp" tarzında bir moda galerisi. Duvarları, zemini ve armatürleri beyaza boyanmış, yalnızca kıyafetlerin ve onları giyen kişilerin her tonunu, dokusunu ve görsel ifadesini yarattığı lüks bir perakende alanını hayal edin.

Farfetch, "beyaz küp" bir moda galerisi gibi işlev görüyor: arayüz neredeyse tamamen renksiz, bu da editoryal fotoğrafçılığın tüm görsel kararları belirlemesine olanak tanıyor. Tipografi tüm yapısal işi üstleniyor—özel olarak tasarlanmış geometrik bir sans-serif yazı tipi (Farfetch Basis) 400 ve 700 ağırlıklarında kullanılırken, bölüm başlıkları ve logo, metni kompozisyon olarak ele alan bir serif yazı tipinde oluşturuluyor. Düzen mimari: ortalanmış, tam genişlikte içerik, katı 3 ve 4 sütunlu ürün ızgaraları, bölüm yerleşimi için geniş alan (48–72 piksel) ve dekoratif unsurların tamamen yokluğu. Bileşenler süslemelerden arındırılmış—arama için ince alt çizgiler, gizli gezinme bağlantıları, resimlerin altında büyük harfle yazılmış kategori adları, gölge veya kenarlık içermeyen düz ürün kutucukları. Sistemdeki tek renk fotoğrafların kendisi; arayüz bir çerçeve, görüntünün kendisi değil.

Sayfa, yaklaşık 1280 piksel maksimum içerik genişliğine sahip, ortalanmış ve tam genişlikte bir tasarıma sahiptir. Başlık, ince, üç bölgeli bir paneldir (solda kategori navigasyonu, ortalanmış metin işareti ve sağda yardımcı simgeler), bunun altında sağda bir arama alanı bulunur. İlk bölüm, her biri üst üste bindirilmiş bir etikete sahip, tam genişlikte kategori kutucuklarından (KADIN, ERKEK, ÇOCUK) oluşan üç sütunlu bir ızgaradır. Her kategori bölümünün altında, başlıkları büyük harflerle yazılmış ürün kategori kartlarından (YENİ ÜRÜNLER, GİYİM, ÇANTA, AYAKKABI) oluşan dört sütunlu bir ızgara bulunur. Bölüm başlıkları ortalanmış ve üst ve alt kısımlarında yaklaşık 48 piksel dikey girintiye sahip bir yazı tipiyle yazılmıştır. Değişen arka plan şeritleri yoktur; sayfanın tamamı tek bir düz beyaz alandır. Altbilgi, tek bir koyu şerit olarak #222222 rengine ters çevrilmiştir. Navigasyon, sabit öğeler, mega menü ve kenar çubuğu içermeyen minimalist bir üst çubuktur.

Görsel sistem, moda fotoğrafçılığının hakimiyetindedir; tüm sayfayı kaplayan büyük, yüksek çözünürlüklü görüntülerde, mimari iç mekanlarda mankenler ve ürünlerin yakın çekimleri yer alır. Fotoğrafların kendisi, soluk, doygunluğu azaltılmış bir paletle gerçekleştirilir: beton duvarlar, doğal taş, nötr iç mekanlar, yumuşak, yönlü gün ışığı. Mankenler, e-ticaret kataloglarının katı pozları yerine, editoryal pozlarla orta ve tam boy olarak çekilir. Ürün görselleri (çantalar, ayakkabılar), herhangi bir yaşam tarzı bağlamı olmaksızın, nötr gri veya taş bir arka plana karşı izole edilmiştir; özne, baş kahramandır. Arayüz, hiçbir görsel öğe eklemez: simge yok, promosyon etiketi yok, dekoratif çerçeve yok. Tüm görsel zenginlik, tasarım sisteminden değil, fotoğraf departmanından gelir.

Palet

Doğal

  • Carbon #222222 — Gövde metni, sayfa metni, gezinme bağlantıları, simgeler, logo, altbilgi ve tüm tek renkli sistem için neredeyse siyah bir renk tonu.
  • Paper #ffffff — Sayfa tuvali, kart arka plan resimleri, ürün döşeme yüzeyleri, giriş alanları ve baskın arka plan, fotoğrafı tek renk vurgusu haline getiriyor.
  • Ash Gray #b6b6b6 — İnce simge konturları, ekstra kenarlıklar, arka planda arama altını çizme, giriş alanlarında hayalet metin yer tutucu—en sessiz seçenek, metin açısından tarafsız değil.
  • Stone #f5f5f5 — Gezinti çubukları için fareyle üzerine gelindiğinde değişen geçiş efekti, alt paneller ve reklam arka planları için ikincil yüzey tonu, efektler yığınındaki en yumuşak geçiş efekti.
  • Graphite #727272 — Soluklaştırılmış yardımcı metin, etkin olmayan form kenarlıkları ve devre dışı bırakılmış simge çerçeveleri; okunabilirliği feda etmeden vurgunun azaltıldığını gösteren orta gri bir ton.
  • Smoke #e6e6e6 — Ürün sıraları arasında ince ayırıcı çizgiler, kusursuz bir düzen içinde neredeyse fark edilmeyen yapısal bir çizgi.

Tipografi

13 ila 30 piksel arası · 3 adım

  • Farfetch Basis — yenisiyle değiştirme: Söhne (paid) or Inter (free) — both share the geometric humanist proportions; Inter as the practical open-source fallback · ana hatlar 400, 700 · Kullanıcıya gösterilen her şey için özel olarak tasarlanmış geometrik bir sans-serif yazı tipi kullanılmıştır: gezinme bağlantıları 13–15px/400, gövde metni ve ürün açıklamaları 15px/400, bölüm başlıkları 22–30px/400 ve FARFETCH logosu 700. Sadece 400 punto kullanılan başlıklar, kalın yazı tipinden bilinçli bir uzaklaşmayı temsil eder: bölüm başlıkları normal, kendinden emin ancak aşırı kalın olmayan bir ağırlığa sahipken, 700 punto logo ve en etkileyici kategori adları için ayrılmıştır. Bu özel geometri, standart Helvetica yazı tipinin elde edemeyeceği eşit vuruş kontrastı ve ince, insancıl bir sıcaklık sağlar.

Aralıklar ve biçim

AmaçAnlam
Yoğunlukyoğun
Temel adım24px
Düğme yarıçapı0px
Kart yarıçapı0px
Gölgelerhayır - gölgeler yerine kenarlıklar
Bölümler arasında48-72px
Sayfa genişliği1280px

Yapay zeka, web sitenizi FARFETCH España 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

  • MAKR — El yapımı deri ürünler için bir müze vitrini. Sıcak siyah mürekkeple yazılmış etiketlerin, elde tutulan veya manzara önünde sergilenen deri ürünlerin büyük fotoğraflarının altında yüzdüğü, tek renk kontrastının soluk bir adaçayı şeridi olduğu sessiz, bembeyaz bir oda.
  • Franco Maria Ricci Editore — Art Deco Galeri Kataloğu - Parlak altın çizgiler, bembeyaz parşömen üzerinde
  • Laura Monin — Editörlük galerisi duvarı, beyaz mermer, mürekkep damgası
  • OhDada — Editör galerisi duvarı
  • Cursor — Köz halindeki kömürlerin aydınlattığı, samimi bir parşömen atölyesi.
  • Structured — Plastik hamur benzeri kağıt üzerine Rönesans galerisi
  • 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.
  • Airbnb — Tek bir mercan kırmızısı kitap ayracıyla süslenmiş, sakin beyaz bir galeri duvarı.
  • 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.
  • Lamborghini — Showroomda, spot ışıkları altında, siyah gövdeli bir sarı araba.
  • Amplemarket — Güneş ışığıyla yıkanmış, her yeri konfetiyle kaplı bir iş yeri.
  • Getharvest — Altın saatte bir masa – sıcak krem rengi bir tuval, tuvalin üzerine asılmış beyaz kartpostallar ve tek bir parlak turuncu alev.