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
Allbirds — bu tarzda bir sitenin önizlemesi

Allbirds

Beyaz keten üzerine doğal malzemeler.

Allbirds, sakin ve doğal bir güvenle çalışıyor; neredeyse tamamen renksiz bir tuval, ürün fotoğraflarından doğrudan alınan sıcak kum (#e0dacf) ve soluk toprak tonlarıyla tamamlanıyor. Kullanıcı arayüzü, ürün deneyimine müdahale etmiyor: beyaz yüzeyler, ince kenarlıklar, büyük harfli navigasyon ve web öğelerinden çok fiziksel düğmelere benzeyen hap şeklinde kontroller. Editörün dikkatini gerektiren birkaç önemli an için (başlıklar ve koleksiyon adları) Self Modern (özel bir serif yazı tipi) kullanılırken, her harf, gövde metni ve düğme için üç dengeli kalınlıkta Geograph kullanılıyor. Kategori kartları bir renk sistemi haline geliyor: her biri arka plan rengini öne çıkan üründen alıyor ve navigasyonu canlı bir Pantone paletine dönüştürüyor.

Maksimum genişlik yaklaşık 1200 piksel olup, geniş yan boşluklarla ortalanmıştır. Ana öğe, sıcak kum rengi bir arka plan üzerinde tam genişlikte bir editoryal şerit ve merkezden yayılan büyük bir ürün karuselidir. Kategori navigasyonu, her biri ortalanmış tek bir ayakkabı modeli içeren dört sütunda dört özdeş renkli karttan oluşan bir ızgaradır. Sayfanın alt kısmında, düzen tam genişlikte bölünmüş paneller (solda yaşam tarzı fotoğrafı + sağda ürün örneği) ve küçük, altı çizili bir bölüm başlığı altında ortalanmış ürün karuselleri arasında geçiş yapar. Genel ritim şu şekildedir: tam genişlikte editoryal panel → dört sütunlu ızgara → ortalanmış ürün karuseli → iki sütunlu bölünmüş → ortalanmış ürün karuseli. Bölümler arasındaki boşluk 40-56 piksel olup, havadar ancak bunaltıcı olmayan geçişler yaratır. Navigasyon, ortalanmış birincil bağlantılara sahip minimalist, sabit bir üst çubuktur.

Fotoğrafçılık, tüm görsel sistemi oluşturuyor. Tüm ürün fotoğrafları, ayakkabının vurgu rengiyle eşleşen veya onu tamamlayan düz bir arka plana karşı, hafif bir açıdan yakın çekim olarak çekiliyor ve böylece her fotoğraf bir renk çalışmasına dönüşüyor. Yaşam tarzı fotoğrafları, doğal ortamlarda (agave tarlaları, ahşap teraslar, engebeli arazi) sıcak, güneşli tonlarda çekiliyor ve soluk palete uyacak şekilde incelikle soluklaştırılıyor. Hiçbir illüstrasyon, 3D render veya soyut grafik yok. Pantone ile iş birliği içinde, renk paleti grafik bir öğe olarak kullanılıyor. İkonografi minimalist ve tek renkli (navigasyon ve yardımcı konumlardaki kontur ikonları).

Palet

Doğal

  • Canvas White #ffffff — Sayfa arka plan resimleri, kart yüzeyleri, ürün kartı arka plan resimleri.
  • Charcoal #212121 — İkincil kullanıcı arayüzü öğeleri, ayırıcılar ve soluk etiketler için nötr bir renk desteklenir. Eylem çağrıları için birincil renk olarak kullanılmamalıdır.
  • True Black #000000 — Başlıklar, simgeler, yüksek kontrastlı çerçeveler, gezinme metni.
  • Warm Sand #e0dacf — Ana bölüm arka planı, ek yüzey gölgelendirmesi, büyük editoryal paneller.
  • Olive Char #222519 — İkincil kullanıcı arayüzü öğeleri, ayırıcılar ve soluk etiketler için nötr bir renk desteklenir. Eylem çağrıları için birincil renk olarak kullanılmamalıdır.
  • Iron Gray #525252 — İkincil metin, yardımcı metin, göze batmayan çerçeveler.

Tipografi

12 ila 40 piksel arası · 6 adım

  • Self Modern — yenisiyle değiştirme: Playfair Display · ana hatlar 400 · Başlıklar ve başyazılar az kullanılarak, önemli ifadeler ve koleksiyon başlıkları vurgulanıyor. Serif ve italik yazı tipleri, sans-serif yazı tiplerinin monotonluğunu kırıyor ve şu mesajı iletiyor: "Bu, öykünün özüdür."
  • Geograph — yenisiyle değiştirme: Inter · ana hatlar 400, 500, 700 · Kullanıcı arayüzü için kullanılan birincil yazı tipi; gövde metni, gezinme etiketleri, düğmeler, ürün başlıkları, altbilgiler, giriş alanları ve simgeler için kullanılır. Vurgulanmış başlıklar için 500, ürün adları için 700 punto kullanılır. Gezinme etiketlerinde ve kategorilerde büyük harflerde geniş harf aralığı (0,025em–0,10em) tutarlı bir marka stili oluşturur.
  • HurmeGeometricSans3 — yenisiyle değiştirme: Inter · ana hatlar 400 · Nadiren yedek etiket veya düğme için özel etiket olarak kullanılır. Geograph bu sistemi günlük olarak kullanmaktadır.

Aralıklar ve biçim

AmaçAnlam
Yoğunlukyoğun
Temel adım8-16px
Düğme yarıçapı9999px (pill)
Kart yarıçapı16px
Gölgelerhayır - gölgeler yerine kenarlıklar
Bölümler arasında40-56px
Sayfa genişliği1200px

Yapay zeka, web sitenizi Allbirds 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

  • Lightship — Açık yolun sinematik bir dioraması. Sıcak krem rengi galeri duvarları, yakın aralıklarla yerleştirilmiş büyük manzara fotoğraflarıyla süslenmiş; çerçevelerde zar zor görünen ince siyah yazılar ve tek bir parlak turuncu vurgu, çayırda bir şenlik ateşi gibi monokromluğu kırıyor.
  • Faire ES — sıcak krema toptan kataloğu
  • Adanola — Beyaz kağıda basılmış bir editoryal katalog. Tipografi ve fotoğrafın temiz beyaz yüzeylerde nefes aldığı, yazı tipi için siyah mürekkep ve markanın genel stilini yansıtan incelikli bir sans-serif yazı tipi (Favorit) kullanılan bir moda çekimi.
  • Oura Ring — Yumuşak gün ışığıyla aydınlanmış, samimi bir yulaf ezmesi yapım atölyesi.
  • Stykka — Beyaz ışık altında bir İskandinav atölyesi – tek sesin fotoğraf olduğu sessiz, el yapımı bir sergi salonu.
  • DJI — Tek bir elektrik mavisi vurguya sahip havacılık siyahı kanvas
  • Altitude Beverages — Tek renkli dergi sayfası. Sadece fotoğrafların kaldığı, metin ve beyaz alanın tüm hikayeyi anlattığı bir moda dergisi sayfasını hayal edin.
  • AATHER — Açık bir avuç, tek bir alev - dinginliğin içinde saklı sessiz bir lüks.
  • Cowboy — Kar beyazı porselen bir ortamda yer alan Belçikalı bir bisiklet galerisi. Mat yüzeylerin, yayın materyallerinde kullanılan büyük yazı tiplerinin ve neredeyse hiç dekorasyonun bulunmadığı bir teşhir salonu, gözü bisiklete ve içindekilere çekiyor.
  • Refero — Beyaz mermer üzerine editoryal düzen - bir tipograf tarafından tasarlanmış, serif başlıklı başlığın markanın kartviziti olduğu ve diğer her şeyin göze batmayan bir şekilde sunulduğu bir ürün sayfası.
  • Face Formula — İskandinav tarzı bir editoryal portre. Sakin, dergi formatında bir sayfa düzeni; modelin bakışları ve daraltılmış serif yazı tipinde yazılmış başlık, serin ve sisli bir arka plana karşı kendilerini anlatıyor.
  • Shupatto — Beyaz mermerden müze vitrini