Le Puzz
Sunny Sunday Circular - bu sirlarga to'la tabloid.
Le Puzz - bu butik do'konlari uchun maksimalist elektron tijorat tizimi bo'lib, ikki rangli asosga qurilgan: boy, asalari uyasimon sariq rang sof qora rang bilan uyg'unlashtirilgan, salqin, marvarid-kulrang fonga o'rnatilgan. Uning uslubi vintage gazeta va jumboqning aralashmasidir: asosiy matn serif Timesda, sarlavhalar esa maxsus Times Now shriftida bo'lib, sans-serif shriftlariga tayanadigan an'anaviy elektron tijorat konventsiyalarini ataylab buzadi. Interfeysning o'zi sodda va panjara asosida saqlanadi, bu esa vizual ta'sirni mahsulot qadoqlanishi (o'yinchoqlar bilan to'ldirilgan zich, tasvirlangan kompozitsiyalar) orqali etkazish imkonini beradi. Interfeys boshqaruv elementlari juda mustahkam: sariq fonda qora chegarali tugmalar, tabletka shaklidagi piktogrammalar, 12 piksel radiusli kartochkalar va kichik harflar uchun keng harflar oralig'i, bu hatto "TEZ QO'SHISH" tugmasiga ham tahririyat uslubini beradi.
O'ziga xos tahririyat dizayniga ega klassik elektron tijorat panjarasi. Sarlavha - bu 1 kenglikdagi qora chegaraga ega sariq asalari shaklidagi chiziq bo'lib, markazlashtirilgan logotip va qo'shimcha navigatsiya tugmalari qatorini o'z ichiga oladi. Quyida, kulrang fonda uchta ustunli mahsulotlar panjarasi ustida, Times Now shriftida markazlashtirilgan xush kelibsiz sarlavhasi joylashgan. Asosiy element - bu ikkita mahsulot kartasi bilan o'ralgan yumaloq burchakli (40) markazlashtirilgan fotoblok. Bo'limlarning ritmi saqlanib qoladi: keng vertikal bo'shliq (30), sariq va kulrang yuzalar almashinib turadi va sahifaning markazida taxminan 4,5 sm maksimal kenglik. Mahsulot kartalari bir xil o'lchamda va 5 sm bo'shliqlar bilan chiroyli uch ustunli panjara shaklida joylashtirilgan. Joylashuv simmetrik va panjara bilan bog'langan - assimetrik kompozitsiyalar yoki bir-birining ustiga chiqadigan elementlar yo'q.
Vizual element mahsulot fotosurati hisoblanadi. Jumboq qutilari oq/neytral fonda to'liq suratga olinadi, so'ngra issiq ko'k yoki tabiiy studiya fonida joylashtiriladi. Asosiy tasvirda bir nechta jumboq qutilarini ushlab turgan odam tasvirlangan - bu turmush tarzi ob'ekti, u osonlikcha energiya bilan suratga olingan. Qadoqning o'zi boy, tasviriy va maksimalist: 500 qismli jumboq ustiga sochilgan bolalar kitobi illyustratsiyasiga o'xshash qilib yaratilgan qalin qora konturli yorqin asosiy ranglardagi ko'plab o'yinchoqlar, oziq-ovqat mahsulotlari va qahramonlar. Mavhum grafika, 3D renderlar, bitta kattalashtiruvchi oynadan boshqa ikonografiya yo'q - jumboqlarning o'zi vizual tildir.
Palitra
Brend
- Honeycomb Yellow
#ffd931— Asosiy brend rangi, sarlavha satri, asosiy harakat tugmalari, navigatsiyaning faol holati, havola ostiga chizilgan rang, urg'u to'ldirish - qolgan hamma narsa aylanadigan bitta rangli nota.
Neytral
- Carbon Black
#000000— Asosiy matn, qalin chegaralar, tugma konturlari, belgi konturlari, navigatsiya matni butun tizimning strukturaviy asosini tashkil qiladi. - Ink Black
#231f20— Ikkilamchi matn, asosiy matn, tugma chegaralari, kiritish maydoni chegaralari - yumshoqroq ko'rinish uchun biroz iliqroq, deyarli qora rang. - Pearl Gray
#c8cbcd— Sahifa tuvali, mahsulot kartasi fonlari, sariq va qora ranglar paydo bo'ladigan ajoyib sahna. - Fog Gray
#a6a8aa— Bo'shashgan nishon yuzalari, ikkilamchi chip fonlari va nozik foydalanuvchi interfeysi to'ldirilishi. - Smoke Line
#d6d6d6— Yupqa bo'lgichlar, yashirin stol/karta bo'lgichlari.
Tipografiya
11 dan 47 pikselgacha · 6 qadam
- Times Now — almashtirish: Playfair Display · konturlar 100, 400 · Sarlavhalar va kichik sarlavhalar uchun serif shrift — asosiy sarlavhalar, mahsulot nomlari va bo'lim sarlavhalari uchun ishlatiladi. 47 pikselli balandlikka ega ultra yengil 100 punktli shrift baland, deyarli qisqartirilgan tahririy tuyg'u yaratadi; qisqartirilgan harf shakllari (satr balandligi 0,87–0,90) katta sarlavhalarni bosma posterga taqlid qilib, qo'shimcha matnga yaqin joylashtirish imkonini beradi.
- Times — almashtirish: Times New Roman · konturlar 400 · Serif shriftidagi asosiy matn onlayn-do'kon uchun kutilmagan tanlov bo'lib, butun saytga adabiy, katalogga o'xshash tuyg'u bag'ishlaydi. Kichik qator oralig'i (1.15) paragraflarni ixcham va o'qilishi oson qiladi.
- Helvetica Neue — almashtirish: Helvetica · konturlar 100, 400 · Foydalanuvchi interfeysidagi kichik matn, tugmalardagi matn va mikromatn 11 pikselli shriftda katta harflar oralig'i (0.0730em) bilan o'rnatilgan bo'lib, bu hatto qulay tana haroratida ham bosh harflar bilan yozish hissini yaratadi.
Intervallar va shakl
| Maqsad | Ma'nosi |
|---|---|
| Zichlik | zich |
| Asosiy qadam | 15px |
| Tugma radiusi | 12px |
| Karta radiusi | 12px |
| Soyalar | soyalar o'rniga chegaralar yo'q |
| Bo'limlar orasida | 30-40px |
| Sahifa kengligi | 1200px |
Sun'iy intellekt veb-saytingizni Le Puzz uslubida yaratadi va uni to'ldiradi
- Mahsulotlar va postlarni Instagram, TikTok, Facebook havolalari orqali to'ldiring.
- Eski saytingizdan kontentni o'tkazing — shunchaki manzilni ko'rsating.
- Eng yaxshi dvigatelda zamonaviy dizayn: React ( Next.js) server renderlash va SEO optimallashtirish bilan darhol.
- Qidiruv natijalari va neyron tarmoq tavsiyalari uchun to'liq avtomatlashtirilgan SEO optimallashtirish.
O'xshash uslublar
- Agence Foudre — Jurnalning muqova sahifasi lab bo'yog'ini eslatuvchi och pushti rangda.
- INVERSA — Yarim tunda topografik maydon terminali. Qorong'u buyruqlar paneli, bu yerda ulkan tahririyat shrifti va neon-yashil markerlarning bir qatlami Yerning sun'iy yo'ldosh tasvirlariga qo'shilgan, har bir yorliq monoxrom, go'yo missiya koordinatalarini o'qiyotgandek.
- Acne Studios — Yorqin fotosuratlar bilan to'ldirilgan minimalist galereya maydoni - marmar ustiga qo'yilgan moda jurnali
- GTE — Galereya yoritgichlari orqasidagi savdo terminali
- Diabla — Peshin paytidagi O'rta yer dengizi hovlisi – quyoshda xiralashgan pushti devorlar, bitta yorqin qizil kanvasli soyabon va osmon bo'ylab cho'zilgan serif yozuvli tahririyat sarlavhalari.
- Subset — Xom zig'irdan tayyorlangan tahririyat butiki
- Cursor — Yonayotgan ko'mir bilan yoritilgan shinam pergament ustaxonasi
- MindMarket — Krem qog'ozga yozilgan shinam ertak kitobi - quyoshda namlangan, stiker kabi yumshoq yuzada katta Inter sarlavhalari va kesilgan qog'oz qahramonlari birga joylashgan do'stona tahririyat tuvali.
- Lamborghini — Ko'rgazma zalida, yorug'lik chiroqlari ostida qora kuzov rangi - bitta sariq mashina
- Amplemarket — Konfeti bilan qoplangan quyosh nuriga to'la ish joyi
- Getharvest — Oltin soatdagi stol – iliq krem rangli tuval, tuvalga osilgan oq otkritkalar va bitta yorqin to'q sariq alanga.
- Drive Capital — Issiq qog'ozga retro avtomobil sayohati plakati