Shop
Iqela leenkwenkwezi zorhwebo elidadayo kwimabula emhlophe
Ivenkile ekwi-intanethi isebenza kwimodeli "yekhanvasi emhlophe", kunye neemveliso eziboniswa njengeekhadi zemifanekiso ezinkulu, ezigobileyo kakhulu endaweni yeegridi zeethonjana. Lonke ujongano lugudile kakhulu: i-radii engama-20-28px kuyo yonke indawo, ulawulo olufana nepilisi, kunye nomzimba oqinileyo we-16px GT Standard one-tight negative tracking eyenza umbhalo ube mhle kwaye ube nesibindi. I-accent enesibindi kuphela yenkqubo yi-purple eqaqambileyo (#5433eb), ebonakala kwilogo, kwicandelo leziphumo zokukhangela ezijikelezayo, kunye nesithunzi esinombala kwiqhosha elifanayo. Inxalenye eseleyo yephalethi ayithathi cala: iindawo ezimhlophe, ikhanvasi engwevu epholileyo, imida ethambileyo, kunye nombhalo omnyama kakhulu. Uxinano luhlala luncinci ngee-gutter ze-12px, kodwa imivimbo yeqhawe kunye neyodidi iyaphefumla ngenxa yesingqisho esikhulu esithe nkqo se-64-80px, okwenza amava orhwebo abonakale ngathi kukukhangela kunokuba abe yikhathalogu.
Ububanzi obuphezulu yi-1200px, ephakathi kwi-canvas ekhanyayo #f2f4f5, kunye necala elingasemva elinobubanzi obuyi-64px ngasekhohlo eliqulathe kuphela ii-icon zokuzulazula. Into ephambili ngumcu obanzi opheleleyo, onamakhadi emveliso abekwe ngaphezulu kwelogo "yevenkile" emfusa ephakathi, kunye nebha yokukhangela efana nepilisi engaphantsi kwayo. Iipilisi zodidi zicwangciswe kumqolo omnye ophakathi ngaphantsi kwebha yokukhangela. Amacandelo omxholo (Abafazi, Amadoda, Ubuhle, Ikhaya, Usana kunye nabantwana) alandela njengemicu ekhethiweyo, nganye iqulethe igridi enemiqolo emi-4 enemifanekiso yemveliso okanye ulwakhiwo lwemiqolo emi-2 "lwento ephambili kunye negridi". Isingqisho esithe nkqo sikhulu: 64–80px phakathi kwamacandelo aphambili. I-footer ngumcu omnyama ezantsi kwephepha kunye namaqela ekhonkco anemiqolo. Iintolo zeCarousel kwicala lasekunene leephaneli zemveliso ezithe tye zibonisa umxholo oshukumayo ngaphandle kwamanqaku okupeyinta.
Ukufota yeyona nto ibonakalayo iphambili: iifoto zemveliso zesikrini esigcweleyo ngokuchasene nemvelaphi emhlophe, ezinqumliweyo ngo-1:1, kunye nemifanekiso yendlela yokuphila enemibala efudumeleyo yomhlaba (i-beige, i-terracotta, i-sage, i-ivory). Imifanekiso yemveliso inombala wayo—ujongano lomsebenzisi luhlala lungafani, luvumela imibala yemveliso ukuba ibonelele ngeentlobo ezahlukeneyo ezibonakalayo. Iilogo zebhrendi zivela njengombhalo ogqunywe ngaphezulu kwimifanekiso ephambili emnyama okanye ekhanyayo, endaweni yokuba zibe zii-icon nganye nganye. Kwisakhiwo esiphambili, amakhadi emveliso abekwe njenge-constellation edadayo, egqunywe kancinci ngaphezulu kwegama. Ii-icon zincinci kwaye zinombala omnye (ii-outlines ezimnyama), ngaphandle kwee-icon zeklasi, ezisebenzisa umbala omnye webhrendi. Akukho mifanekiso, iziphumo ze-3D, okanye ii-gradients kwimifanekiso yemveliso.
Iphalethi
Uphawu
- Shop Violet
#5433eb— Iqhosha lokuthumela, uphawu olunemigca eqingqiweyo, kunye nelogo yophawu lwentengiso zezona zinto zibalaseleyo ezibonisa isenzo kunye nobuntu kwimvelaphi emhlophe. - Violet Wash
#c0b5f3— I-halo ekhanyayo emva kweqhosha lokuthumela elimfusa eligcina ukukhanya kwalo ngaphandle kokutshintsha umbala.
Ukungathathi cala
- Canvas Mist
#f2f4f5— Imvelaphi yephepha kunye nonyango olongezelelweyo lomphezulu ngasemva kwamakhadi aphakanyisiweyo. - Pure White
#ffffff— Umphezulu ophambili wamakhadi, amasimi okufaka, iimpawu ezidadayo kunye namaqhosha amile okwepilisi. - Ink Black
#000000— Umbhalo oyintloko, izihloko, ii-icon, iimpawu zokuhamba, kunye namakhadi emveliso kwimo emnyama. - Faint Border
#ebebeb— Imigca emincinci yokwahlulahlula kumakhadi, imida yentsimi yokufaka, kunye neefreyimu zamaqhosha ezimile okwepilisi. - Muted Gray
#787574— Umbhalo wesibini, iilebhile zokuzulazula, imigca ye icon xa ingasebenzi - Cool Stone
#cccccc— Izibambi-ndawo, iimeko ezikhubazekileyo, kunye nemvelaphi ye icon engasebenziyo
Ubhalo lweencwadi
ukusuka kwi-11 ukuya kwi-16px · amanyathelo ama-4
- GT Standard — ukutshintshwa: Inter · imida 400 · Ifonti ephambili kuzo zonke iisayizi—zombini isicatshulwa somzimba kunye nezihloko. I-GTStandard-MRegular kwi-16px/-0.031em yifonti ephambili yesicatshulwa somzimba, amaqhosha, kunye neelebheli. I-GTStandard-MSibold kwi-20px/-0.05em isetyenziselwa izihloko ezininzi ezinkulu; I-GTStandard-MMedium kwi-11–12px isetyenziselwa ii-microcaptions. Uhlobo ngalunye lwefonti luboniswa ngobunzima obubonakalayo obuyi-400—ulawulo lwefonti lufezekiswa nge-gradients ezifihlakeleyo kunye nesithuba soonobumba ababi kakhulu, endaweni yomahluko ongqindilili. Olu luhlobo lwesimboli: Ivenkile ayikhwazi ngeefonti ezingqindilili, kodwa ibumba umbhalo ngesithuba soonobumba.
- Shopify Sans — ukutshintshwa: Inter · imida 400, 700 · Igcinelwe imiyalezo yenqanaba lenkqubo efana neebhena zokulayisha usetyenziso kunye nombhalo wemvume yekhukhi.
Amaxesha okuphumla kunye nefom
| Injongo | Intsingiselo |
|---|---|
| Uxinano | umndilili |
| Inyathelo elisisiseko | 12px |
| Irediyasi yeqhosha | 9999px |
| Irediyasi yekhadi | 28px |
| Izithunzi | izithunzi ezithambileyo |
| Phakathi kwamacandelo | 64px |
| Ububanzi bephepha | 1200px |
I-AI iza kwakha iwebhusayithi yakho ngesitayile sika- Shop ize iyizalise
- Gcwalisa iimveliso kunye nezithuba ngekhonkco - Instagram, TikTok, Facebook.
- Dlulisa umxholo usuka kwisiza sakho esidala—chaza nje idilesi.
- Uyilo lwanamhlanje kwinjini engcono kakhulu: React ( Next.js) ene-server rendering kunye ne-SEO optimization ephuma kwibhokisi.
- Ukulungiswa kwe-SEO ngokuzenzekelayo ngokupheleleyo kwiziphumo zophando kunye neengcebiso zenethiwekhi ye-neural.
Iintlobo ezifanayo
- Cursor — Indawo yokusebenzela efudumeleyo yokwenza izikhumba, ekhanyiswe ngamalahle atshayo
- Slush — indalo yonke efuthwayo yezitikha kwiphepha le-pastel
- MindMarket — Incwadi emnandi yeentsomi ekwiphepha elikhrimu - i-canvas yomhleli enobuhlobo apho iintloko ezinkulu ze-Inter kunye nabalinganiswa bephepha abasikiweyo bahlala kunye kwindawo ethambileyo negcwele izitikha elangeni.
- Airbnb — Udonga oluzolileyo lwegalari emhlophe olunebhukhimakhi enye ebomvu yekorale
- Superr — Incwadi yesikolo efudumeleyo ekukhanyeni okuthambileyo kwemini. Iphepha elinombala okhrimu, uphawu olu-orenji olungenasigqubuthelo, kunye nenqwaba yezitikha zamagama ezifakwe ilaminati ezilindele ukuxotyulwa.
- Apple (España) — Igalari yemyuziyam, emini epholileyo, yindawo enye emhlophe enomtsalane, engenabunzima, apho umboniso ngamnye ukhanyiswa ludonga olunombala omncinci.
- Lamborghini — Umbala womzimba omnyama kwigumbi lokubonisa, phantsi kwezibane - imoto enye etyheli
- Amplemarket — Indawo yokusebenza egqunywe lilanga egcwele i-confetti
- Getharvest — Idesika ngexesha legolide – i-canvas efudumeleyo enekhrimu, amakhadi eposi amhlophe axhonywe kwi-canvas, kunye nelangatye elinye elikhanyayo eliorenji
- Agence Foudre — Iphepha elingaphambili lemagazini linombala opinki othambileyo okhumbuza i-lipstick.
- Drive Capital — Ipowusta yohambo lwendlela yakudala ephepheni elifudumeleyo
- Apple (España) — ibhokisi yokubonisa yegalari emhlophe