Shop
Iqembu lezinkanyezi lokuhweba elintantayo elise-marble emhlophe
Isitolo esiku-inthanethi sisebenza ngemodeli "yekhanvasi emhlophe", enemikhiqizo eboniswa njengamakhadi ezithombe amakhulu, agobile kakhulu kunokuba kube yizithupha ezincane. I-interface yonke ibushelelezi kakhulu: i-radii engu-20-28px kuyo yonke indawo, izilawuli ezimise okwephilisi, kanye nomzimba ojwayelekile we-16px GT oqinile onokulandela okune-negative okwenza umbhalo ube mnandi futhi ube nesibindi. Ukuphela kwe-accent yesistimu enesibindi umbala onsomi ogqamile (#5433eb), ovela kulogo, insimu yemiphumela yokusesha eyindilinga, kanye nesithunzi esinombala enkinobheni efanayo. Okunye kwephalethi kufudumele futhi akunawo umoya: izindawo ezimhlophe, ikhanvasi empunga epholile, imingcele ethambile, kanye nombhalo omnyama kakhulu. Ubuningi buhlala buncane ngama-gutter angu-12px, kodwa imivimbo yeqhawe kanye nesigaba iyaphefumula ngenxa yesigqi esikhulu esiqondile esingu-64-80px, okwenza isipiliyoni sezentengiselwano sizizwe sengathi siphequlula kunokuba sibe yikhathalogi.
Ububanzi obukhulu bungu-1200px, buphakathi nendawo ku-canvas ekhanyayo engu-#f2f4f5, ne-sidebar eqhubekayo engu-64px ububanzi ngakwesobunxele equkethe izithonjana zokuzulazula kuphela. Isici esiyinhloko umucu obanzi ogcwele, onamakhadi omkhiqizo abekwe ngaphezu kwelogo "yesitolo" ephuzi engaphakathi, kanye nebha yokusesha efana nephilisi ngaphansi kwayo ngqo. Amaphilisi esigaba ahlelwe emgqeni owodwa ophakathi nendawo ngaphansi kwebha yokusesha. Izigaba zokuqukethwe (Abesifazane, Amadoda, Ubuhle, Ikhaya, Izingane kanye Nezingane) zilandela njengemicu ekhethiwe, ngayinye equkethe igridi enamakholomu angu-4 enezithombe zomkhiqizo noma ukwakheka "kwesici esiyinhloko kanye negridi" enamakholomu amabili. Isigqi esiqondile sikhulu: 64–80px phakathi kwezingxenye eziyinhloko. I-footer iyimucu omnyama phansi kwekhasi enamaqembu ezixhumanisi afana nekholomu. Imicibisholo ye-Carousel ohlangothini lwesokudla lwamaphaneli omkhiqizo avundlile ikhombisa okuqukethwe okuskrolekayo ngaphandle kwamaphuzu okubhala.
Ukuthwebula izithombe kuyisici esibonakalayo esivelele: izithombe zomkhiqizo zesikrini esigcwele zibhekene nesizinda esimhlophe, ezinqunywe ngo-1:1, kanye nezithombe zendlela yokuphila ezinemibala efudumele yomhlaba (i-beige, i-terracotta, i-sage, i-ivory). Izithombe zomkhiqizo zinombala wazo—isikhombimsebenzisi somsebenzisi sihlala singashintshi, okuvumela imibala yomkhiqizo ukuthi inikeze ukuhlukahluka okubonakalayo. Ama-logo omkhiqizo avela njengombhalo ongaphezulu kwezithombe eziyinhloko ezimnyama noma ezikhanyayo, kunokuba abe yizithonjana ngazinye. Ekubunjweni okuyinhloko, amakhadi omkhiqizo abekwe njengenkanyezi entantayo, edlula kancane ngaphezu kophawu lwamagama. Izithonjana zincane futhi zinombala owodwa (izingqikithi ezimnyama), ngaphandle kwezithonjana zesigaba, ezisebenzisa umbala womkhiqizo owodwa. Azikho imidwebo, imiphumela ye-3D, noma ama-gradients ezithombeni zomkhiqizo.
Iphalethi
Umkhiqizo
- Shop Violet
#5433eb— Inkinobho yokuthumela, uphawu lombhalo olunamachashazi, kanye nelogo yomkhiqizo yizona kuphela izimpawu ezigqamisa isenzo kanye nobuntu ngemuva okumhlophe. - Violet Wash
#c0b5f3— I-halo ekhanyayo ngemuva kwenkinobho yokuthumela onsomi egcina ukukhanya kwayo ngaphandle kokushintsha umbala.
Okungathathi hlangothi
- Canvas Mist
#f2f4f5— Ingemuva lekhasi kanye nokwelashwa okwengeziwe kwendawo ngemuva kwamakhadi aphakanyisiwe. - Pure White
#ffffff— Indawo eyinhloko yamakhadi, amasimu okufaka, izimpawu ezintantayo nezinkinobho ezimise okwephilisi. - Ink Black
#000000— Umbhalo oyinhloko, izihloko, izithonjana, izimpawu zokuzulazula, namakhadi omkhiqizo kumodi emnyama. - Faint Border
#ebebeb— Imigqa emincane yokuhlukanisa emakhadini, uhlaka lwensimu yokufaka, kanye nozimele bezinkinobho ezimise okwephilisi. - Muted Gray
#787574— Umbhalo wesibili, amalebula okuzulazula, izinhlaka zesithonjana uma zingasebenzi - Cool Stone
#cccccc— Izibambi-ndawo, izimo ezikhutshaziwe, kanye nezizinda zesithonjana ezingasebenzi
Ukuthayipha
kusukela ku-11 kuya ku-16px · izinyathelo ezi-4
- GT Standard — esikhundleni: Inter · izinhlaka 400 · Ifonti eyinhloko yazo zonke izinhlobo—zombhalo womzimba kanye nezihloko. I-GTStandard-MRegular ku-16px/-0.031em iyifonti eyinhloko yombhalo womzimba, izinkinobho, kanye namalebula. I-GTStandard-MSibold ku-20px/-0.05em isetshenziselwa izihloko eziningana ezinkulu; I-GTStandard-MMedium ku-11–12px isetshenziselwa amagama-ncazo amancane. Uhlobo ngalunye lwefonti luboniswa ngesisindo esibonakalayo esingu-400—uhlu lwefonti lutholakala ngokusebenzisa ama-gradients amancane kanye nesikhala sezinhlamvu esibi kakhulu, kunokuba kube nokuqhathanisa okugqamile. Lesi isitayela sesiginesha: I-Shop ayimemezi ngamafonti agqamile, kodwa kunalokho ibumba umbhalo ngesikhala sezinhlamvu.
- Shopify Sans — esikhundleni: Inter · izinhlaka 400, 700 · Kugcinelwe imiyalezo yezinga lesistimu efana namabhanela okulayisha uhlelo lokusebenza kanye nombhalo wemvume yamakhukhi.
Izikhawu kanye nesimo
| Inhloso | Incazelo |
|---|---|
| Ubuningi | isilinganiso |
| Isinyathelo esiyisisekelo | 12px |
| Irediyasi yenkinobho | 9999px |
| Irediyasi yekhadi | 28px |
| Izithunzi | izithunzi ezithambile |
| Phakathi kwezigaba | 64px |
| Ububanzi bekhasi | 1200px |
I-AI izokwakha iwebhusayithi yakho ngesitayela se- Shop futhi iyigcwalise
- Gcwalisa ngemikhiqizo kanye nokuthunyelwe ngesixhumanisi - Instagram, TikTok, Facebook.
- Dlulisa okuqukethwe kusuka kusayithi lakho elidala—vele ucacise ikheli.
- Umklamo wesimanje enjinini engcono kakhulu: React ( Next.js) enokunikeza iseva kanye nokwenza ngcono i-SEO ngokungenaphutha.
- Ukwenziwa ngcono kwe-SEO okuzenzakalelayo ngokuphelele kwemiphumela yokusesha kanye nezincomo zenethiwekhi ye-neural.
Izitayela ezifanayo
- Cursor — Indawo yokusebenzela yokubhala izikhumba ethokomele, ekhanyiswe amalahle ashayo
- Slush — indawo yonke efuthwayo yezitikha ephepheni eliphuzi
- MindMarket — Incwadi yenganekwane ethokomele ephepheni elikhilimu - ikhanvasi yokuhlela enobungane lapho izihloko ezinkulu ze-Inter kanye nabalingiswa bephepha abasikiwe behlala ndawonye endaweni ethambile negcwele ilanga.
- Airbnb — Udonga lwegalari olumhlophe oluthule olunebhukhimakhi eyodwa ebomvu ye-coral
- Superr — Incwadi yesikole efudumele ekukhanyeni kwantambama okuthambile. Ikhasi elinombala okhilimu, uphawu oluphuzi olungenasigqoko, kanye nenqwaba yezitikha zamagama ezibekwe elaminati ezilinde ukuhlutshulwa.
- Apple (España) — Igalari yemyuziyamu, emini epholile, iyindawo emhlophe eyodwa, ekhangayo, engenasisindo, lapho umbukiso ngamunye ukhanyiswa ukukhanya odongeni olunombala omncane.
- Lamborghini — Umbala womzimba omnyama egumbini lokubonisa, ngaphansi kwezibani - imoto eyodwa ephuzi
- Amplemarket — Indawo yokusebenza egcwele ilanga egcwele i-confetti
- Getharvest — Ideski ngesikhathi segolide - indwangu efudumele ekhilimu, amakhadi eposi amhlophe alengiswe kundwangu, kanye nelangabi elilodwa elikhanyayo eliphuzi
- Agence Foudre — Ikhasi lesembozo salo magazini linombala opinki othambile okhumbuza izindebe.
- Drive Capital — Iphosta yohambo lwasemgwaqweni yakudala ephepheni elifudumele
- Apple (España) — ikesi lokubonisa igalari elimhlophe