Le Puzz
Sunny Sunday Circular, gizemlerle dolu bir magazin gazetesidir.
Le Puzz, butik mağazalar için tasarlanmış, iki tonlu bir temele dayanan maksimalist bir e-ticaret sistemidir: zengin, petek benzeri sarı, saf siyahla bir araya getirilmiş ve serin, inci grisi bir arka plana yerleştirilmiştir. Tarzı, eski gazete ve yapboz arasında bir geçiş gibidir: gövde metni serif Times yazı tipinde, başlıklar ise özel bir yazı tipi olan Times Now'da yazılmıştır; bu, sans-serif yazı tiplerine dayanan geleneksel e-ticaret kurallarından bilinçli olarak bir kopuşturur. Arayüzün kendisi basit ve ızgara tabanlı tutulmuştur, böylece görsel etki ürün ambalajı (oyuncaklarla dolu yoğun, resimli kompozisyonlar) tarafından iletilir. Arayüz kontrolleri oldukça sağlamdır: sarı arka plan üzerinde siyah kenarlıklı düğmeler, hap şeklinde simgeler, 12 piksel yarıçaplı kartlar ve küçük harfler için geniş harf aralığı, "HIZLI EKLE" düğmesine bile editoryal bir hava katmaktadır.
Özgün bir editoryal tasarıma sahip klasik bir e-ticaret ızgarası. Başlık, ortada bir logo ve ek bir gezinme düğmesi satırı içeren, 1 cm genişliğinde siyah bir kenarlıkla çevrili sarı petek bir şerittir. Aşağıda, gri bir arka plan üzerinde üç sütunlu bir ürün ızgarasının üzerinde, Times Now yazı tipinde ortalanmış bir karşılama başlığı yer almaktadır. Ana öğe, iki ürün kartıyla çevrili, yuvarlak köşeli (40) ortalanmış bir fotoğraf bloğudur. Bölümlerin ritmi korunmuştur: geniş dikey alan (30), sarı ve gri yüzeylerin değişimi ve sayfanın ortasında yaklaşık 4,5 cm'lik maksimum genişlik. Ürün kartları aynı boyuttadır ve 5 cm aralıklarla düzgün bir üç sütunlu ızgarada düzenlenmiştir. Düzen simetriktir ve ızgaraya bağlıdır; asimetrik kompozisyonlar veya üst üste binen öğeler yoktur.
Görsel unsur, ürün fotoğrafçılığıdır. Yapboz kutuları önce beyaz/nötr bir arka plana karşı tam karşıdan fotoğraflanır, ardından sıcak mavi veya doğal bir stüdyo fonuna yerleştirilir. Ana görselde, birkaç yapboz kutusu tutan bir kişi yer alır; zahmetsiz bir enerjiyle yakalanmış bir yaşam tarzı nesnesi. Ambalajın kendisi zengin, illüstratif ve maksimalisttir: 500 parçalık bir yapbozun üzerine dağılmış, çocuk kitabı illüstrasyonu gibi görünen, kalın siyah konturlu, parlak ana renklerde çok sayıda oyuncak, gıda ürünü ve karakter. Soyut grafikler, 3D render'lar, tek bir büyüteç dışında ikonografi yok; görsel dilin kendisi yapbozların kendisidir.
Palet
Marka
- Honeycomb Yellow
#ffd931— Ana marka rengi, başlık çubuğu, ana işlem düğmeleri, navigasyonun aktif durumu, bağlantı alt çizgi rengi, vurgu dolgusu—her şeyin etrafında döndüğü tek renk notası.
Doğal
- Carbon Black
#000000— Ana metin, kalın kenarlıklar, düğme çerçeveleri, simge çerçeveleri ve gezinme metni, tüm sistemin yapısal temelini oluşturur. - Ink Black
#231f20— İkincil metin, birincil metin, düğme kenarlıkları, giriş alanı kenarlıkları - daha yumuşak bir his için biraz daha sıcak, neredeyse siyah bir renk. - Pearl Gray
#c8cbcd— Sayfa tuvali, ürün kartı arka planları, sarı ve siyah renklerin öne çıktığı çarpıcı bir sahne. - Fog Gray
#a6a8aa— Sade rozet yüzeyleri, ikincil çip arka planları ve incelikli kullanıcı arayüzü dolguları. - Smoke Line
#d6d6d6— İnce ayırıcılar, göze çarpmayan masa/kart ayırıcılar.
Tipografi
11 ila 47 piksel arası · 6 adım
- Times Now — yenisiyle değiştirme: Playfair Display · ana hatlar 100, 400 · Başlıklar ve alt başlıklar için kullanılan bir serif yazı tipi; ana başlıklar, ürün adları ve bölüm başlıkları için kullanılır. 47 piksel aralığına sahip ultra hafif 100 punto yazı tipi, uzun, neredeyse sıkıştırılmış bir editoryal his yaratır; sıkıştırılmış harf biçimleri (satır yüksekliği 0,87–0,90), büyük başlıkların eşlik eden metne yakın konumlandırılmasına olanak tanıyarak basılı bir posteri taklit eder.
- Times — yenisiyle değiştirme: Times New Roman · ana hatlar 400 · Serif yazı tipi, çevrimiçi bir mağaza için beklenmedik bir seçim olup, sitenin tamamına edebi, katalog benzeri bir hava katıyor. Küçük satır aralığı (1,15), paragrafları derli toplu ve okunabilir hale getiriyor.
- Helvetica Neue — yenisiyle değiştirme: Helvetica · ana hatlar 100, 400 · Kullanıcı arayüzündeki küçük metinler, düğmelerdeki metinler ve mikro metinler, geniş harf aralığı (0.0730em) ile 11 piksel yazı tipi kullanılarak ayarlanmıştır; bu da rahat bir vücut sıcaklığında bile büyük harflerle yazma hissi yaratır.
Aralıklar ve biçim
| Amaç | Anlam |
|---|---|
| Yoğunluk | yoğun |
| Temel adım | 15px |
| Düğme yarıçapı | 12px |
| Kart yarıçapı | 12px |
| Gölgeler | hayır - gölgeler yerine kenarlıklar |
| Bölümler arasında | 30-40px |
| Sayfa genişliği | 1200px |
Yapay zeka, web sitenizi Le Puzz 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
- Agence Foudre — Derginin kapağı, ruj rengini anımsatan yumuşak bir pembe tonunda.
- INVERSA — Gece yarısı bir topografik saha terminali. Karanlık bir komuta paneli; üzerinde devasa yazı tipi ve tek katmanlı neon yeşil işaretleyiciler, Dünya'nın uydu görüntülerinin üzerine bindirilmiş, her etiket tek renkli, sanki görev koordinatlarını okuyormuş gibi.
- Acne Studios — Canlı fotoğraflarla dolu minimalist bir galeri alanı; mermer üzerine serilmiş bir moda dergisi.
- GTE — Galeri aydınlatmasının arkasındaki ticaret terminali
- Diabla — Öğle vakti Akdeniz tarzı bir avlu – güneşten solmuş pembe duvarlar, parlak kırmızı bir tente ve gökyüzüne yayılan serifli başlıklar.
- Subset — Ham ketenden yapılmış editörlük butiği
- Cursor — Köz halindeki kömürlerin aydınlattığı, samimi bir parşömen atölyesi.
- 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.
- 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.
- Drive Capital — Sıcak kağıda basılmış retro yolculuk posteri