Shopify
Indlu Yokugcina Izityalo Eziphakathi Kwasebusuku - Iimpawu zorhwebo ziyaqhakaza ngasemva kombala oluhlaza okwesibhakabhaka, zikhanyiswa yintlantsi enye yemint
Inkqubo yoyilo lweShopify yindawo yokusebenzela yorhwebo phakathi kwamaxesha obusuku: i-canvas emnyama enombala oluhlaza okwesibhakabhaka onzulu, i-typeface ebanzi, eqinisekileyo ye-sans-serif, kunye ne-accent enye eqaqambileyo ye-mint evuselela amaxesha okunxibelelana. I-interface ifana negumbi elimnyama, apho iimveliso kunye neebhrendi zingumthombo wokukhanya—iifoto kunye neevenkile zikhanya ngokuchasene neendawo ezimnyama, ngelixa izinto ze-chrome ziyancipha. Izinto zijiyometri kodwa zithambile: amakhadi e-12px-radius aneemida ezibhityileyo, amaqhosha amile okwepilisi, kunye ne-typeface enobunzima obuyi-330 ehlebeza isikali endaweni yokukhwaza. Uphawu olunye lweempawu ze-chromatic (#36f4a4) lusetyenziswa kancinci kwiikhonkco, iithegi, kunye neemeko zokugxila, ukugcina umbala wexesha elisebenzayo ukuqinisekisa ukuba amabali omthengisi ahlala eyindawo ebonakalayo.
Ububanzi obukhulu yi ~1280px, embindini, kunye neebhloko ze-splash ezibanzi ezidlula kwisikhongozeli sefoto. Isingqisho sephepha siyatshintshana: (1) iphepha le-splash elibanzi elimnyama elinobubanzi obupheleleyo elinesihloko esigqunywe phezulu kunye namaqhosha okubiza isenzo, (2) amacandelo amnyama akhululekileyo aneebhloko zesicatshulwa kunye nemifanekiso ezibanzi kwiikholamu ezi-2 okanye iigridi zemifanekiso kwiikholamu ezi-3, (3) iiphaneli zokubonisa ezisebenzisanayo (ikhadi lemveliso, isixhobo sokubala sokuthumela, imephu yehlabathi) eziboniswe njengamakhadi aphakanyisiweyo kwi-canvas enzulu. Ukuhambahamba yibha ephezulu ezinzileyo enelogo + izinto ezi-3 zokuhamba + amakhonkco esibini + iqhosha eliphambili lokubiza isenzo, zonke zihambelana ngasekunene. Isingqisho esithe nkqo sisebenzisa izithuba ze-80px phakathi kwamacandelo kunye notshintsho olugudileyo—akukho zahluli phakathi kwamacandelo amnyama, kuphela utshintsho kwithoni yomphezulu.
Uyilo olubonakalayo lugxile kakhulu kumthengisi: iifoto zemveliso ezipheleleyo kunye neefoto ezivela kwiziganeko zebhrendi zithwala ubunzima obukhulu bokubonakala, zihlala zikwimo yemvelaphi emikhulu enombhalo omhlophe ogqunywe ngaphezulu. Imifanekiso inqunyulwe ngokuqinileyo, inemibala eyahlukeneyo, kwaye inemibhiyozo (ukukhala kwentsimbi yeNasdaq, imibuliso yeqela, ukusondela kweemveliso esandleni). Imvelaphi emnyama idala umbono wokuba ezi foto zikhanyiswa zizibane. Imifanekiso incinci—umsebenzi ophambili ochazayo wenziwa yimifanekiso yemveliso efakwe ngaphakathi kunye neeskrini zefestile zevenkile. Iimpawu ziyi-monochrome, enobubanzi bomgca obuyi-1.5–2px, ngesiqhelo imhlophe okanye #36f4a4 kwiimeko ezisebenzayo.
Iphalethi
Uphawu
- Shopify Mint
#36f4a4— Izikhombisi-ndlela ezisebenzayo, iiringi zokugxila, iithegi ezigqamileyo, kunye neehover highlights kwiikhonkco zezona zodwa zikhazimlayo zechromatic ezidala uvakalelo lokunxibelelana okusebenzayo ngokuchasene nemvelaphi emnyama.
Ukungathathi cala
- Midnight Forest
#02090a— I-canvas yephepha, imifanekiso engasemva yesihloko, imifanekiso engasemva yecandelo - Deep Lichen
#061a1c— Imiphezulu yekhadi ephambili, iiphaneli eziphakanyisiweyo, iibhloko zomxholo. - Shaded Fern
#072720— Iphaneli yokukhangela, amakhadi ongezelelweyo, ukuphakamisa okungabonakaliyo kwephaneli. - Spruce Border
#1e2c31— Imida emincinci yamakhadi, imigca eyahlulahlulayo, imida yentsimi yokufaka. - Abyss Indigo
#000a1e— Umphezulu owongezelelweyo wokufaka iimveliso/imiboniso, iiphaneli ezineenkcazo zemisebenzi. - Pure White
#ffffff— Umbhalo oyintloko, ukuzaliswa kwamaqhosha, isihloko, iilogo.
Ubhalo lweencwadi
ukusuka kwi-12 ukuya kwi-70px · amanyathelo asibhozo
- Neue Haas Grotesk — ukutshintshwa: Inter · imida 330, 400, 500, 550, 600 · Inkqubo yokubhala eyintloko yizihloko ezineefonti ezinobunzima be-70–96px (330–400) ezithambileyo kunokuba zingxole; ikopi yomzimba enobunzima befonti be-16–18px (400–500); kunye ne-navigation kunye ne-user interface enobunzima befonti be-14–16px (500–550). Ubunzima befonti obukhaphukhaphu obuyi-330 kwiisayizi zesikrini esikhulu luphawu olwahlukileyo: ludlulisela ukuzithemba ngokuzibamba endaweni yobuninzi.
- Inter Variable — ukutshintshwa: Inter · imida 400, 420, 450, 550 · Uhlobo lwefonti yesibini esetyenziswa kwizinto zojongano lokuhamba, amanqaku amancinci, ulawulo lwethebhu, kunye ne-microtext kwi-footers. Oonobumba bayo abakhulu kancinci kunye nesithuba esiqhelekileyo soonobumba kuyenza ifundeke lula ngobukhulu obuncinci. Ikwafanelekile nakwiimeko apho ifonti enobunzima obungama-420 igcwalisa umsantsa phakathi kwefonti eqhelekileyo nephakathi.
Amaxesha okuphumla kunye nefom
| Injongo | Intsingiselo |
|---|---|
| Uxinano | umndilili |
| Inyathelo elisisiseko | 12px |
| Irediyasi yeqhosha | 9999px |
| Irediyasi yekhadi | 12px |
| Izithunzi | akukho - imida endaweni yezithunzi |
| Phakathi kwamacandelo | 80px |
| Ububanzi bephepha | 1280px |
I-AI iza kwakha iwebhusayithi yakho ngesitayile sika- Shopify 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
- Retool — Indawo yokusebenzela efudumeleyo ye-obsidian - umphezulu wezixhobo ezichanekileyo, okhanyiswe ngamalahle atshayo, apho yonke into idalwa khona
- Elektron — Iphaneli yokulawula izixhobo ezinzulwini zobusuku yi-canvas emnyama, apho iifoto zemveliso zikhanya khona ngelixa ujongano lungabonakali.
- REKKI — Iphaneli yokulawula indiza kwilebhu yeefoto
- OFFFICE : — igalari ye-noir egqunywe ngefonti ye-monolithic
- Clyde — Igumbi lokubonisa, elinendawo yalo yokukhanyisa, liyindawo yegalari emnyama apho umbala kuphela kwigumbi libhola efudumeleyo yegradient.
- Channel Studio — Ilebhu yeefoto zesitudiyo enesithunzi selampu enye yekorale
- Electronic Materials Office — Ilanga elikhanyayo kwigalari ehonjiswe ngamalahle
- ORYZO AI — Isincoko esimalunga negumbi elimnyama. Into eyedwa ehleli ebumnyameni obufudumeleyo, ifonti ekhrimu kuphela komhombiso.
- Factory — Isiphelo se "war room" ezinzulwini zobusuku. "Ifektri" yiphaneli yokulawula emnyama ecacileyo apho ikhadi elinye elimhlophe liwela khona njengesixhobo esikhanyiswe yitotshi—into ekuphela kwayo egumbini ngumsebenzi ngokwawo.
- Hungry Tiger — Igraffiti ekhanyayo njengeturmeric eludongeni lwetandoor. Ipeyinti edibeneyo yegolide kunye nomdaka omdaka, enefonti enkulu kangangokuba ibukeka ngathi luphawu lwemarike yeziqholo kunokuba ibe yiwebhusayithi.
- Bibliothèque — Igalari emnyama efana netyhubhu phantsi kwezibane - ipleyiti ekhanyisiweyo yodwa kwiholo enkulu, emnyama
- Apple (España) — ithiyetha emnyama enezixhobo ezikhanyisiweyo