Shop
Boka renyeredzi rekutengeserana rinoyangarara pamatombo machena
Chitoro chepamhepo chinoshanda pamhando ye "canvas chena", ine zvigadzirwa zvinoratidzwa semakadhi emifananidzo akakombama zvakanyanya pane magrid emifananidzo midiki. Iyo interface yese yakapfava zvinoshamisa: 20-28px radii yese, ma controls akaita sepiritsi, uye body compact 16px GT Standard ine tracking yakasimba inoita kuti zvinyorwa zvive zvakanaka uye zvine simba. Iyo chete system ine tambo yepepuru yakajeka (#5433eb), inoonekwa mulogo, munda wekutsvaga wakatenderera, uye semumvuri wakatsvuka pabhatani rimwe chete. Zvimwe zvese zvepalette hazvina kudziya: nzvimbo chena, canvas yegrey inotonhorera, miganhu midiki, uye rugwaro rutema. Kuwanda kwacho kunoramba kuri kudiki nemagutter e12px, asi mitsetse yegamba neboka inofema nekuda kwerwiyo rwakanaka rwe64-80px, zvichiita kuti ruzivo rwekutengeserana runzwe sekunge rwuri kutarisa pane kurodha.
Upamhi hwepamusoro i1200px, hwakati twasu pane kanivhasi inopenya #f2f4f5, ine divi reparutivi rinogara riri 64px rakafara kuruboshwe rine zviratidzo zvekufamba chete. Chinhu chikuru mutsetse wakafara wakazara, une makadhi ezvigadzirwa akaiswa pamusoro pechiratidzo chepepuru che "shop" chakati twasu, uye mutsetse wekutsvaga wakaita sepiritsi pazasi pawo. Mapiritsi ezvikamu akarongwa mumutsara mumwe chete wakati twasu pasi pemutsetse wekutsvaga. Zvikamu zvemukati (Vakadzi, Varume, Runako, Musha, Vacheche & Vana) zvinotevera sezvidimbu zvakatarwa, chimwe nechimwe chine gridhi remakoramu mana rine mifananidzo yechigadzirwa kana chimiro che "chinhu chikuru negridi" chemakoramu maviri. Rwiyo rwekumira rwakawanda: 64–80px pakati pezvikamu zvikuru. Chinyorwa chepazasi mutsetse wakasviba pasi pepeji rine mapoka ekubatanidza akaita sekoramu. Miseve yeCarousel kurudyi kwemapaneru ezvigadzirwa akatambanudzwa inoratidza zvirimo zvinokwezvwa pasina mapoinzi epeji.
Kutora mifananidzo ndicho chinhu chikuru chinoratidzwa: mapikicha ezvigadzirwa zvepascreen yakazara achitarisa kumashure kwechena, akachekwa 1:1, uye mifananidzo yemararamiro ane mavara evhu anodziya (beige, terracotta, sage, ivory). Mifananidzo yezvigadzirwa ine ruvara rwayo—mushandisi anoramba asina chromatic, zvichiita kuti mithunzi yezvigadzirwa ipe mhando dzakasiyana dzemifananidzo. Ma logo ezvigadzirwa anoonekwa semashoko akafukidzwa pamifananidzo mikuru yakasviba kana yakajeka, kwete sezviratidzo zvega zvega. Mukugadzirwa kukuru, makadhi ezvigadzirwa akaiswa senyeredzi inoyangarara, inopindirana zvishoma pamusoro pechiratidzo chemazwi. Ma icon ari minimalist uye monochrome (matema), kunze kwezviratidzo zvechikamu, zvinoshandisa ruvara rwechiratidzo chimwe chete. Hapana mifananidzo, mhedzisiro ye3D, kana ma gradients mumifananidzo yezvigadzirwa.
Palette
Rudzi
- Shop Violet
#5433eb— Bhatani rekutumira, chiratidzo chine madotsi, uye logo yekambani ndizvo chete zvinoratidza chiito uye hunhu hwemunhu pamashure machena. - Violet Wash
#c0b5f3— Chiedza chinopenya chiri kuseri kwebhatani rekutumira repepuru chinochengetedza kupenya kwaro pasina kuchinja ruvara.
Kwakarerekera
- Canvas Mist
#f2f4f5— Kumashure kwepeji uye mamwe magadzirirwo epamusoro ari kumashure kwemakadhi akasimudzwa. - Pure White
#ffffff— Nzvimbo huru yemakadhi, minda yekuisa zvinhu, zviratidzo zvinoyangarara uye mabhatani akaita semapiritsi. - Ink Black
#000000— Rugwaro rukuru, misoro, zviratidzo, zviratidzo zvekufamba, uye makadhi ezvigadzirwa mu dark mode. - Faint Border
#ebebeb— Mitsetse mitete yekuparadzanisa pamakadhi, marongero enzvimbo yekuisa, uye mafuremu emabhatani akaita semapiritsi. - Muted Gray
#787574— Rugwaro rwechipiri, mavara ekufambisa, marongero ezviratidzo kana zvisingashande - Cool Stone
#cccccc— Zvibatiso zvenzvimbo, mamiriro akaremara, uye mifananidzo yekumashure isingashande
Kunyora
kubva pa11 kusvika pa16px · nhanho 4
- GT Standard — kutsiva: Inter · marongero 400 · Fonti huru pahukuru hwese—yezvinyorwa zvemuviri nemisoro. GTStandard-MRegular pa16px/-0.031em ndiyo fonti huru yezvinyorwa zvemuviri, mabhatani, uye mavara. GTStandard-MSibold pa20px/-0.05em inoshandiswa pamisoro mikuru yakati wandei; GTStandard-MMedium pa11–12px inoshandiswa pamitsetse midiki. Mhando yega yega yefonti inoratidzwa nehuremu hwe optical hwe400—huwandu hwefonti hunowanikwa kuburikidza ne gradients dzakapfava uye dense negative letter spacing, pane bold contrast. Iyi imhando yechiratidzo: Shop haishevedzere nemafonti akapfava, asi inoumba rugwaro kuburikidza ne spacing yemavara.
- Shopify Sans — kutsiva: Inter · marongero 400, 700 · Yakachengeterwa mameseji edanho resystem akadai semabhena ekuisa maapp uye magwaro ekubvumira macookie.
Zvikamu uye chimiro
| Chinangwa | Zvinoreva |
|---|---|
| Kuwanda kwevanhu | avhareji |
| Danho rekutanga | 12px |
| Radiyo yebhatani | 9999px |
| Nharaunda yekadhi | 28px |
| Mimvuri | mimvuri yakapfava |
| Pakati pezvikamu | 64px |
| Upamhi hwepeji | 1200px |
AI ichavaka webhusaiti yako nenzira ye Shop uye ichaizadza
- Zadza nezvigadzirwa uye zvinyorwa uchishandisa chinongedzo - Instagram, TikTok, Facebook.
- Tumira zvirimo kubva pawebsite yako yekare—ingo taura kero yacho.
- Dhizaini yemazuva ano painjini yakanakisisa: React ( Next.js) ine server rendering uye SEO optimization zviri nyore.
- Kugadzirisa SEO otomatiki zvizere kuti uwane mhinduro dzekutsvaga uye mazano e neural network.
Mafashoni akafanana
- Cursor — Imba yekuchengetera mapepa inotonhorera, inovhenekerwa nemarasha anopfungaira
- Slush — nyika inofefeterwa ine zvinamatidzwa papepa repastel
- MindMarket — Bhuku rengano rinonyaradza riri papepa rine kirimu - kanivhasi ine hushamwari yekunyora apo misoro mikuru yeInter nevanhu vakachekwa vemapepa vanogara pamwe chete panzvimbo yakanyorova uye yakanyorova.
- Airbnb — Rusvingo rwegalari chena rwakanyarara rune chiratidzo chimwe chete chitsvuku chekorari
- Superr — Kabhuku kechikoro kanodziya kari muchiedza chemasikati chakapfava. Peji rine ruvara rwekirimu, chiratidzo cheorenji chisina chivharo, uye murwi wemasaini emazita akaputirwa akamirira kubviswa.
- Apple (España) — Nzvimbo yekuchengetera mifananidzo yemiziyamu, muchiedza chezuva chakapfava, inzvimbo imwe chete, inoyevedza, isina huremu, ine chiratidziro chimwe nechimwe chakavhenekerwa nechiedza chakajeka pamadziro ane ruvara rushoma.
- Lamborghini — Ruvara rutema rwemuviri muimba yekuratidzwa, pasi pemwenje - mota imwe yero
- Amplemarket — Nzvimbo yebasa yakanyoroveswa nezuva yakazara ne confetti
- Getharvest — Tafura paGolden Hour - kanivhasi inodziya ine kirimu, mapepa machena akaturikwa pakanivhasi, uye murazvo mumwe chete weorenji wakajeka
- Agence Foudre — Peji rekuvhara remagazini iyi rine ruvara rwepingi rwakapfava runoyeuchidza lipstick.
- Drive Capital — Chikwangwani cherwendo rwekare mumugwagwa chiri papepa rinodziya
- Apple (España) — bhokisi rekuratidzira remagalari machena