Shop
Oq marmar ustida suzuvchi savdo yulduz turkumi
Onlayn do'kon "oq kanvas" modelida ishlaydi, mahsulotlar eskizlar panjarasi o'rniga katta, og'ir egri tasvir kartalari sifatida ko'rsatiladi. Butun interfeys nihoyatda silliq: 20-28 piksel radius, tabletka shaklidagi boshqaruv elementlari va matnni aniq va qalin qiladigan qattiq salbiy kuzatuvga ega ixcham 16 pikselli GT Standard korpusi. Tizimning yagona qalin aksenti - bu logotipda, dumaloq qidiruv natijalari maydonida va xuddi shu tugmada rangli soya sifatida ko'rinadigan yorqin binafsha rang (#5433eb). Palitraning qolgan qismi issiq neytral: oq yuzalar, nozik sovuq kulrang kanvas, nozik chegaralar va deyarli qora matn. Zichlik 12 pikselli oluklar bilan ixcham bo'lib qoladi, ammo qahramon va kategoriya chiziqlari 64-80 piksellik saxiy vertikal ritm tufayli nafas oladi, bu esa savdo tajribasini katalogdan ko'ra ko'proq ko'rib chiqishga o'xshatadi.
Maksimal kenglik 1200 piksel bo'lib, shaffof #f2f4f5 kanvasining markazida joylashgan bo'lib, chap tomonda faqat navigatsiya piktogrammalarini o'z ichiga olgan 64 piksel kenglikdagi yon panel mavjud. Asosiy element to'liq kenglikdagi chiziq bo'lib, mahsulot kartalari markazlashtirilgan binafsha rangli "do'kon" logotipi ustida joylashgan va uning ostida tabletka shaklidagi qidiruv satri joylashgan. Kategoriya tabletkalari qidiruv satri ostidagi bitta markazlashtirilgan qatorda joylashtirilgan. Kontent bo'limlari (Ayollar, Erkaklar, Go'zallik, Uy, Chaqaloq va Bolalar) belgilangan chiziqlar sifatida ergashadi, ularning har biri mahsulot tasvirlari bilan 4 ustunli panjara yoki 2 ustunli "asosiy element va panjara" kompozitsiyasini o'z ichiga oladi. Vertikal ritm keng: asosiy bo'limlar orasida 64–80 piksel. Pastki qism sahifaning pastki qismidagi ustun shaklidagi havola guruhlari bo'lgan qorong'u chiziqdir. Gorizontal mahsulot panellarining o'ng tomonidagi karusel strelkalari sahifalash nuqtalarisiz aylantiriladigan kontentni ko'rsatadi.
Fotografiya dominant vizual element hisoblanadi: oq fonda to'liq ekranli mahsulot fotosuratlari, 1:1 nisbatda kesilgan va iliq tuproq tuslari (bej, terakota, adaçayı, fil suyagi) bilan turmush tarzi tasvirlari. Mahsulot tasvirlari o'z rangiga ega - foydalanuvchi interfeysi axromatik bo'lib qoladi, bu esa mahsulot soyalariga vizual xilma-xillikni ta'minlashga imkon beradi. Brend logotiplari alohida piktogrammalar sifatida emas, balki qorong'u yoki och rangli asosiy tasvirlarda ustki matn sifatida ko'rinadi. Asosiy kompozitsiyada mahsulot kartalari so'z belgisi ustida suzuvchi, biroz ustma-ust tushadigan yulduz turkumi sifatida joylashtirilgan. Piktogrammalar minimalist va monoxrom (qora konturlar) bo'lib, bitta brend rangidan foydalanadigan kategoriya piktogrammalaridan tashqari. Mahsulot tasvirlarida hech qanday illyustratsiya, 3D effektlar yoki gradientlar mavjud emas.
Palitra
Brend
- Shop Violet
#5433eb— Yuborish tugmasi, nuqtali matn belgisi va brend logotipi oq fonda harakat va individuallikni ta'kidlaydigan yagona urg'ulardir. - Violet Wash
#c0b5f3— Binafsha rangli yuborish tugmasi orqasidagi shaffof halqa rangini o'zgartirmasdan yorqinligini saqlab qoladi.
Neytral
- Canvas Mist
#f2f4f5— Sahifa foni va ko'tarilgan kartalar orqasidagi qo'shimcha sirt ishlovi. - Pure White
#ffffff— Kartalar, kiritish maydonlari, suzuvchi belgilar va tabletka shaklidagi tugmalar uchun asosiy sirt. - Ink Black
#000000— Qorong'u rejimda asosiy matn, sarlavhalar, piktogrammalar, navigatsiya belgilari va mahsulot kartalari. - Faint Border
#ebebeb— Kartalardagi ingichka ajratuvchi chiziqlar, kiritish maydonining konturlari va tabletka shaklidagi tugma ramkalari. - Muted Gray
#787574— Nofaol bo'lganda ikkilamchi matn, navigatsiya yorliqlari, belgi konturlari - Cool Stone
#cccccc— Joylashtiruvchi elementlar, o'chirilgan holatlar va nofaol belgi fonlari
Tipografiya
11 dan 16 pikselgacha · 4 qadam
- GT Standard — almashtirish: Inter · konturlar 400 · Barcha o'lchamlardagi asosiy shrift — ham asosiy matn, ham sarlavhalar uchun. 16px/-0.031em o'lchamdagi GTStandard-MRegular asosiy matn, tugmalar va yorliqlar uchun asosiy shriftdir. 20px/-0.05em o'lchamdagi GTStandard-MSemibold bir nechta katta sarlavhalar uchun ishlatiladi; 11–12px o'lchamdagi GTStandard-MMedium mikrosxemalar uchun ishlatiladi. Har bir shrift varianti 400 optik og'irlik bilan ko'rsatiladi — shrift ierarxiyasiga qalin kontrast o'rniga nozik gradientlar va zich salbiy harflar oralig'i orqali erishiladi. Bu o'ziga xos uslub: Shop qalin shriftlar bilan baqirib yubormaydi, balki matnni harflar oralig'i orqali shakllantiradi.
- Shopify Sans — almashtirish: Inter · konturlar 400, 700 · Ilova yuklash bannerlari va cookie-fayllarga rozilik matni kabi tizim darajasidagi xabarlar uchun ajratilgan.
Intervallar va shakl
| Maqsad | Ma'nosi |
|---|---|
| Zichlik | o'rtacha |
| Asosiy qadam | 12px |
| Tugma radiusi | 9999px |
| Karta radiusi | 28px |
| Soyalar | yumshoq soyalar |
| Bo'limlar orasida | 64px |
| Sahifa kengligi | 1200px |
Sun'iy intellekt veb-saytingizni Shop 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
- Cursor — Yonayotgan ko'mir bilan yoritilgan shinam pergament ustaxonasi
- Slush — Pastel qog'ozga shishiriladigan stikerlar olami
- 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.
- Airbnb — Bitta marjon qizil xatcho'pli sokin oq galereya devori
- Superr — Kunduzgi mayin yorug'likda iliq maktab daftari. Krem rangli sahifa, qopqoqsiz to'q sariq rangli marker va olib tashlashni kutayotgan laminatlangan ism stikerlari.
- Apple (España) — Muzey galereyasi yumshoq kunduzgi yorug'likda yagona, maftunkor, vaznsiz oq makon bo'lib, har bir eksponat och rangli devorga qarshi projektor bilan yoritilgan.
- 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.
- Agence Foudre — Jurnalning muqova sahifasi lab bo'yog'ini eslatuvchi och pushti rangda.
- Drive Capital — Issiq qog'ozga retro avtomobil sayohati plakati
- Apple (España) — oq galereya vitrinasi