Shopify
Indlu Yokugcina Izitshalo Yasebusuku - Izimpawu zokuhweba ziyaqhakaza ngemuva kwesizinda esiluhlaza okwesibhakabhaka, zikhanyiswa yinhlansi eyodwa yemint
Uhlelo lokuklama lwe-Shopify luyindawo yokusebenzela yaphakathi nobusuku yokuhweba: indwangu emnyama ecishe ibe nombala oluhlaza okotshani, uhlobo lokubhala olubanzi noluqinisekile lwe-sans-serif, kanye ne-accent eyodwa ekhanyayo ye-mint evuselela izikhathi zokuxhumana. I-interface ifana negumbi elimnyama, lapho imikhiqizo kanye nemikhiqizo kungumthombo wokukhanya—izithombe kanye nezitolo zikhanya ebusweni obucishe bube mnyama, kuyilapho izakhi ze-chrome ziyancipha. Izingxenye zinobukhulu bejometri kodwa zithambile: amakhadi angu-12px-radius anemingcele emincane, izinkinobho ezimise okwephilisi, kanye nohlobo lokubhala olunesisindo esingu-330 oluhlebayo kunezikhalo. Uphawu olulodwa lwezimpawu zokubhala lwe-chromatic (#36f4a4) lusetshenziswa kancane kuzixhumanisi, amathegi, kanye nezimo zokugxila, kugcinwa umbala wezikhathi ezisebenzayo ukuqinisekisa ukuthi izindaba zomthengisi zihlala ziyindawo ebhekisiwe ebonakalayo.
Ububanzi obukhulu bungu-~1280px, buphakathi nendawo, kanye namabhulokhi e-splash anobubanzi obugcwele adlula isitsha sesithombe. Isigqi sekhasi siyashintshana: (1) ikhasi le-splash elimnyama elibanzi elinobubanzi obugcwele elinesihloko esimboziwe kanye nezinkinobho zokubiza isenzo, (2) izingxenye ezimnyama ezikhululekile ezinamabhulokhi ombhalo nobukhulu obuphezulu kumakholomu ama-2 noma amagridi ezithombe kumakholomu ama-3, (3) amaphaneli okubonisa asebenzisanayo (ikhadi lomkhiqizo, isibali sokuthumela, imephu yomhlaba) aboniswa njengamakhadi aphakanyisiwe ku-canvas ejulile. Ukuzulazula kuyibha ephezulu elungisiwe enelogo + izinto ezi-3 zokuzulazula + izixhumanisi zesibili + inkinobho yokubiza isenzo eyinhloko, konke kuqondiswe kwesokudla. Isigqi esiqondile sisebenzisa izikhala ezingama-80px phakathi kwezigaba ngokushintsha okubushelelezi—akukho zihlukanisi phakathi kwezingxenye ezimnyama, kuphela ushintsho kuthoni yobuso.
Umklamo obonakalayo ugxile kakhulu kumthengisi: izithombe zomkhiqizo ogcwele kanye nezithombe ezivela emicimbini yomkhiqizo zithwala ingxenye enkulu yesisindo esibonakalayo, ngokuvamile ngesimo sezizinda ezinkulu ezinombhalo omhlophe omboziwe. Izithombe zinqunyiwe kahle, zinomehluko omkhulu, futhi zemvelo yemikhosi (ukukhala kwensimbi ye-Nasdaq, ukubingelelana kweqembu, ukusondelana kwemikhiqizo esandleni). Ingemuva elimnyama lidala umbono wokuthi lezi zithombe zikhanyiswa yizibani ezikhanyayo. Imifanekiso incane kakhulu—umsebenzi oyinhloko ochazayo wenziwa ngezithombe zomkhiqizo ezifakiwe kanye nezithombe-skrini zezitolo. Izithonjana zinombala owodwa, nobubanzi bomugqa obungu-1.5–2px, ngokuvamile omhlophe noma #36f4a4 wezimo ezisebenzayo.
Iphalethi
Umkhiqizo
- Shopify Mint
#36f4a4— Izinkomba zokuzulazula ezisebenzayo, amasongo okugxila, ama-tag highlights, kanye nama-hover highlights kuzixhumanisi yiwona kuphela ama-chromatic sparkle adala umuzwa wokuxhumana okuvunyelwe ngokumelene nesizinda esimnyama.
Okungathathi hlangothi
- Midnight Forest
#02090a— Ikhanvasi yekhasi, izithombe zesizinda sekhanda, izithombe zesizinda sesigaba - Deep Lichen
#061a1c— Izindawo zamakhadi amakhulu, amaphaneli aphakanyisiwe, amabhlogo wokuqukethwe. - Shaded Fern
#072720— Iphaneli yokuzulazula, amakhadi engeziwe, ukuphakama kwephaneli okungabonakali kahle. - Spruce Border
#1e2c31— Imingcele emincane yamakhadi, imigqa ehlukanisayo, uhlaka lwensimu yokufaka. - Abyss Indigo
#000a1e— Indawo eyengeziwe yokushumeka imikhiqizo/imiboniso, amaphaneli anezincazelo zemisebenzi. - Pure White
#ffffff— Umbhalo oyinhloko, ukugcwaliswa kwezinkinobho, isihloko, amalogo.
Ukuthayipha
kusukela ku-12 kuya ku-70px · izinyathelo ezingu-8
- Neue Haas Grotesk — esikhundleni: Inter · izinhlaka 330, 400, 500, 550, 600 · Uhlelo lokubhala oluyinhloko luyizihloko ezinesisindo sefonti esingu-70–96px (330–400) ezithambile kunokuba zikhulu; ikhophi yomzimba enesisindo sefonti esingu-16–18px (400–500); kanye nokuzulazula kanye nesixhumi esibonakalayo somsebenzisi esinesisindo sefonti esingu-14–16px (500–550). Isisindo sefonti esikhanyayo kakhulu esingu-330 ngobukhulu besikrini esikhulu siyisici esihlukile: siveza ukuzethemba ngokuzibamba kunokuba sibe sikhulu.
- Inter Variable — esikhundleni: Inter · izinhlaka 400, 420, 450, 550 · Uhlobo lwefonti lwesibili olusetshenziswa ezintweni zesikhombikubona sokuzulazula, amanothi amancane, izilawuli zamathebhu, kanye ne-microtext ezinyaweni. Izinhlamvu zayo ezincane ezincane kanye nesikhala sezinhlamvu esijwayelekile kwenza kube lula ukuzifunda ngobukhulu obuncane. Ifaneleka futhi ezimweni lapho ifonti enesisindo esingu-420 igcwalisa igebe phakathi kwefonti evamile nephakathi.
Izikhawu kanye nesimo
| Inhloso | Incazelo |
|---|---|
| Ubuningi | isilinganiso |
| Isinyathelo esiyisisekelo | 12px |
| Irediyasi yenkinobho | 9999px |
| Irediyasi yekhadi | 12px |
| Izithunzi | cha - imingcele esikhundleni sezithunzi |
| Phakathi kwezigaba | 80px |
| Ububanzi bekhasi | 1280px |
I-AI izokwakha iwebhusayithi yakho ngesitayela se- Shopify 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
- Retool — Indawo yokusebenzela efudumele ye-obsidian - indawo yamathuluzi okunemba, ekhanyiswe ngamalahle avuthayo, lapho konke kudalwa khona
- Elektron — Iphaneli yokulawula imishini phakathi kwamabili iyindwangu emnyama, lapho izithombe zomkhiqizo zikhanya khona kuyilapho isikhombikubona singabonakali nhlobo.
- REKKI — Iphaneli yokulawula indiza elebhu yezithombe
- OFFFICE : — igalari ye-noir egcwele ifonti ye-monolithic
- Clyde — Igumbi lombukiso, elinokukhanya okukodwa, liyigalari ecishe ibe mnyama lapho umbala kuphela egumbini kuyibhola elifudumele le-gradient.
- Channel Studio — Ilebhu yezithombe yesitudiyo enethunzi elilodwa lesibani se-coral
- Electronic Materials Office — Ilanga elikhanyayo kugalari ehlotshiswe ngamalahle
- ORYZO AI — Indatshana yesithombe mayelana negumbi elimnyama. Into eyodwa ezulazula ebumnyameni obufudumele, ifonti ekhilimu iwukuphela komhlobiso.
- Factory — Itheminali "yegumbi lempi" phakathi kwamabili. "Ifektri" iyiphaneli yokulawula emnyama ekhanyayo lapho ikhadi elilodwa elimhlophe liwela khona njengesibani esikhanyiswe ngethoshi—okuwukuphela kwento egumbini umsebenzi ngokwawo.
- Hungry Tiger — Igraffiti ekhanyayo njenge-turmeric odongeni lwe-tandoor. Iphalethi elihlanganisiwe legolide kanye nsundu obomvana, elinombhalo omkhulu kangangokuthi ubukeka njengophawu lwemakethe yezinongo kunewebhusayithi.
- Bibliothèque — Igalari emnyama emise okwesikwele ngaphansi kwesibani - ipuleti elilodwa elikhanyisiwe ehholo elikhulu nelimnyama
- Apple (España) — itiyetha emnyama enezibani ezikhanyayo