Shop
Ak mermerde ýüzýän söwda ýyldyzlar toplumy
Onlaýn dükan "ak kanwas" modelinde işleýär, önümler kiçijik suratlaryň torlary hökmünde däl-de, uly, gaty egri surat kartlary hökmünde görkezilýär. Bütin interfeýs örän ýumşak: tutuşlygyna 20-28 piksel radius, tabletka şekilli dolandyryşlar we teksti aýdyň we goýy edýän berk negatiw yzarlaýjysy bolan ykjam 16 piksel GT Standard göwresi. Ulgamyň ýeke-täk goýy aksenti logotipde, tegelek gözleg netijeleri meýdanynda we şol bir düwmäde reňkli kölege hökmünde peýda bolýan janly gyrmyzy reňkdir (#5433eb). Palitranyň galan bölegi ýyly neýtral: ak ýüzler, inçe sowuk çal kanwas, inçe çäkler we gara tekst. Dykyzlyk 12 piksellik turbalar bilen ykjam bolmagynda galýar, ýöne gahryman we kategoriýa zolaklary 64-80 piksellik giň dik ritm sebäpli dem alýar, bu bolsa söwda tejribesini katalogdan has köp gözden geçirmek ýaly duýmaga mümkinçilik berýär.
Iň ýokary giňlik 1200 piksel bolup, şeffaf #f2f4f5 kanwasynyň merkezinde ýerleşýär, çep tarapda bolsa diňe nawigasiýa nyşanlaryny öz içine alýan 64 piksel giňlikdäki gapdal panel bar. Esasy element doly giňlikdäki zolak bolup, önüm kartlary merkezleşdirilen gyrmyzy "dükan" logotipiniň üstünde ýerleşýär we onuň aşagynda tabletka şekilli gözleg zolagy bar. Kategoriýa tabletkalary gözleg zolagynyň aşagyndaky ýeke merkezleşdirilen setirde ýerleşdirilen. Mazmun bölümleri (Aýallar, Erkekler, Gözellik, Öý, Çaga we Çagalar) bellenen zolaklar hökmünde yzarlanýar, her biri önüm suratlary bolan 4 sütünli tor ýa-da 2 sütünli "esasy element we tor" düzümini öz içine alýar. Dik ritm giň: esasy bölümleriň arasynda 64–80 piksel. Aşakky bölüm sahypanyň aşagyndaky sütün şekilli baglanyşyk toparlary bolan gara zolakdyr. Gorizontal önüm panelleriniň sag tarapyndaky karusel oklary sahypalaşdyrma nokatlary bolmadyk aýlanyp bolýan mazmuny görkezýär.
Fotografiýa esasy wizual elementdir: ak fonda doly ekranly önüm suratlary, 1:1 kesilen we ýyly toprak reňkli (bej, terrakota, şalba, pil süňki) durmuş suratlary. Önüm suratlarynyň öz reňki bar - ulanyjy interfeýsi achromatik bolup galýar, bu bolsa önümiň reňkleriniň wizual dürlüligini üpjün etmäge mümkinçilik berýär. Brend logotipleri aýratyn nyşanlar hökmünde däl-de, garaňky ýa-da açyk esasy suratlarda üst-üst tekst hökmünde peýda bolýar. Esasy kompozisiýada önüm kartlary söz belgisiniň üstünde ýüzýän, biraz üst-üst bolýan ýyldyzlar toplumy hökmünde ýerleşdirilýär. Nyşanlar minimalist we monohrom (gara konturlar) bolup, kategoriýa nyşanlaryndan başga, olarda ýeke-täk brend reňki ulanylýar. Önüm suratlarynda hiç hili suratlar, 3D effektler ýa-da gradientler ýok.
Palitra
Brend
- Shop Violet
#5433eb— Iber düwmesi, nokatly tekst belgisi we brend logotipi ak fonda hereketi we şahsyýeti görkezýän ýeke-täk bezeglerdir. - Violet Wash
#c0b5f3— Reňkini üýtgetmezden ýalpyldawuklygyny saklaýan gyrmyzy iberiş düwmesiniň arkasyndaky şeffaf halo.
Neýtral
- Canvas Mist
#f2f4f5— Sahypanyň fony we galdyrylan kartlaryň arkasyndaky goşmaça ýüzleý işleme. - Pure White
#ffffff— Kartlar, giriş meýdançalary, ýüzýän belgiler we tabletka şekilli düwmeler üçin esasy ýüz. - Ink Black
#000000— Garaňky režimde esasy tekst, sözbaşylar, nyşanlar, nawigasiýa nyşanlary we önüm kartlary. - Faint Border
#ebebeb— Kartlarda, giriş meýdanynyň konturlarynda we tabletka şekilli düwme çarçuwalarynda inçe bölüji çyzyklar. - Muted Gray
#787574— Işjeň däl wagty ikinji derejeli tekst, nawigasiýa bellikleri, nyşanyň konturlary - Cool Stone
#cccccc— Ýer tutujylar, öçürilen ýagdaýlar we işjeň bolmadyk nyşan fonlary
Tipografiýa
11-den 16 piksele çenli · 4 ädim
- GT Standard — çalyşmak: Inter · konturlar 400 · Ähli ölçeglerdäki esasy şrift — esasy tekst we sözbaşylar üçin. 16px/-0.031em ölçegli GTStandard-MRegular esasy tekst, düwmeler we ýazgylar üçin esasy şriftdir. 20px/-0.05em ölçegli GTStandard-MSemibold birnäçe uly sözbaşylar üçin ulanylýar; 11–12px ölçegli GTStandard-MMedium bolsa mikrosözbaşylar üçin ulanylýar. Her bir şrift görnüşi 400 optik agramy bilen görkezilýär — şrift ierarhiýasy galyň kontrastyň ýerine inçe gradientler we dykyz negatiw harp aralygy arkaly gazanylýar. Bu gol çekiş stili: Shop galyň şriftler bilen gygyrmaýar, gaýtam teksti harp aralygy arkaly şekillendirýär.
- Shopify Sans — çalyşmak: Inter · konturlar 400, 700 · Programma ýüklenýän bannerler we kukileriň razylyk teksti ýaly ulgam derejesindäki habarlar üçin saklanýar.
Aralyklar we görnüş
| Maksat | Manysy |
|---|---|
| Dykyzlyk | ortaça |
| Esasy ädim | 12px |
| Düwme radiusy | 9999px |
| Kart radiusy | 28px |
| Kölegeler | ýumşak kölegeler |
| Bölümleriň arasynda | 64px |
| Sahypanyň giňligi | 1200px |
Süni intellekt web sahypaňyzy Shop stilinde gurar we ony doldurar
- Instagram, TikTok, Facebook salgylary arkaly önümler we ýazgylar bilen dolduryň.
- Köne saýtyňyzdan mazmuny göçüriň — diňe salgyny görkeziň.
- Iň gowy motorda döwrebap dizaýn: React ( Next.js) serwer renderi we SEO optimizasiýasy bilen gyssagly ýagdaýda.
- Gözleg netijeleri we neýron tor maslahatlary üçin doly awtomatlaşdyrylan SEO optimizasiýasy.
Meňzeş stiller
- Cursor — Ýanýan kömürler bilen ýagtylandyrylan rahat pergament ussahanasy
- Slush — pastel kagyzdaky üflenýän stikerleriň älemi
- MindMarket — Kremli kagyzda ýerleşdirilen rahat ertekiler kitaby - uly "Inter" sözbaşylarynyň we kesilen kagyz gahrymanlaryň gün şöhlesine çydap, stiker ýaly ýumşak ýüzünde bile ýerleşýän dostlukly redaksiýa polotnosy.
- Airbnb — Ýekeje mercan gyzyl reňkli ýazgyly sessiz ak galereýa diwary
- Superr — Günortan ýumşak ýagtylygynda ýyly mekdep depderi. Krem reňkli sahypa, gapaksyz mämişi marker we aýrylmagyny garaşýan laminirlenen at stikerleriniň bir üýşmesi.
- Apple (España) — Muzeý galereýasy ýumşak gün şöhlesinde ýeke-täk, özüne çekiji, agramsyz ak giňişlik bolup, her bir eksponat ýeňil reňkli diwaryň fonunda prožektor bilen ýagtylandyrylýar.
- Lamborghini — Awtosalonda, prožektorlaryň aşagynda gara kuzow reňki - bir sary awtoulag
- Amplemarket — Konfeti bilen örtülen gün şöhlesine çydap duran iş ýeri
- Getharvest — Altyn sagatdaky stol – ýyly krem reňkli mata, mata asylan ak otkrytkalar we ýekeje ýagty mämişi ýalyn
- Agence Foudre — Žurnalyň daşky sahypasy pomada ýadyna düşýän ýumşak gülgüne reňkde.
- Drive Capital — Ýyly kagyzda retro ýol syýahaty plakaty
- Apple (España) — ak galereýa displeý gutusy