Shopify
Aqalka Cad ee Saqda Dhexe - Calaamadaha ganacsigu waxay ku soo baxaan muuqaal buluug ah oo qoto dheer, oo ay iftiiminayaan hal dhimbiil oo reexaanta ah
Nidaamka naqshadeynta Shopify waa aqoon-is-weydaarsi saqda dhexe ah oo loogu talagalay ganacsiga: shiraac madow oo ku dhow midab cagaaran oo turquoise ah, qaab qoraal oo ballaaran oo kalsooni leh oo sans-serif ah, iyo hal lahjad oo nacnac ah oo firfircoon oo kicisa daqiiqado is-dhexgal ah. Is-dhexgalka wuxuu u eg yahay qol mugdi ah, halkaas oo alaabada iyo noocyada ay yihiin isha iftiinka - sawirrada iyo dukaamada ayaa ka iftiimaya dusha sare ee madow, halka walxaha chrome ay hoos u dhacaan. Qaybuhu waa joomatari laakiin jilicsan: kaararka 12px-radius oo leh xuduudo khafiif ah, badhamada qaabka kiniinka, iyo qaab qoraal oo 330-miisaan ah oo si hoose u cabbira halkii ay ka qaylin lahaayeen. Calaamad hal calaamad oo chromatic ah (#36f4a4) ayaa si yar loogu isticmaalaa xiriiriyeyaasha, calaamadaha, iyo xaaladaha diiradda saarista, iyadoo midab u kaydinaysa daqiiqadaha shaqada si loo hubiyo in sheekooyinka ganacsigu ay ahaadaan barta diiradda muuqaalka.
Ballaca ugu badan waa ~1280px, oo xuddun u ah, oo leh baloogyo ballaaran oo ballaaran oo ka baxsan weelka sawirka. Laxanka bogga ayaa beddelaya: (1) bog ballaaran oo mugdi ah oo ballaaran oo leh cinwaan dul saaran iyo badhamada wicitaanka ficilka, (2) qaybo mugdi ah oo raaxo leh oo leh qoraal iyo baloogyo sawir oo ugu badan oo ku jira 2 tiir ama shabagyo sawir oo ku jira 3 tiir, (3) guddiyo bandhig is-dhexgal ah (kaarka badeecada, xisaabiyaha rarista, khariidadda adduunka) oo lagu soo bandhigay kaarar kor loo qaaday oo ku yaal shiraac qoto dheer. Navigation-ku waa baar sare oo go'an oo leh astaanta + 3 walxood oo navigation + xiriiriyeyaasha labaad + badhanka wicitaanka ficilka aasaasiga ah, dhammaantoodna waxay ku toosan yihiin midig. Laxanka toosan wuxuu adeegsadaa farqiga 80px ee u dhexeeya qaybaha oo leh kala-guur siman - ma jiraan wax kala qaybiya qaybaha mugdiga ah, kaliya isbeddel ku yimaada codka dusha sare.
Naqshadeynta muuqaalku waxay si gaar ah diiradda u saareysaa tafaariiqda: sawirrada badeecadaha cabbirka buuxa iyo sawirrada laga soo qaaday dhacdooyinka summada waxay qaadaan inta badan miisaanka muuqaalka, badanaa qaab asal weyn oo leh qoraal cad oo dahaaran. Sawirradu si adag ayaa loo jaray, way kala duwan yihiin, waana kuwo dabaaldeg leh (dhawaaqa gambaleelka Nasdaq, salaanta kooxda, soo dhoweynta alaabta gacanta ku jirta). Asalka mugdiga ah wuxuu abuuraa aragti ah in sawirradan ay iftiiminayaan iftiin. Sawirradu waa kuwo aad u yar - shaqada sharraxaadda ugu weyn waxaa sameeya sawirrada badeecadaha ee ku dhex jira iyo shaashadaha dukaamada. Astaamaha waa kuwo isku mid ah, oo leh ballaca xariiqda 1.5–2px, badanaa caddaan ama #36f4a4 xaaladaha firfircoon.
Paleetka
Summada
- Shopify Mint
#36f4a4— Tilmaamayaasha navigation-ka firfircoon, giraangiraha diiradda saaraya, calaamadaha iftiimaya, iyo iftiiminta kor u kaca ee xiriiriyeyaasha ayaa ah iftiinka kaliya ee dhalaalaya ee abuura dareen is-dhexgal awood leh oo ka dhan ah asalka mugdiga ah.
Dhexdhexaad
- Midnight Forest
#02090a— Sawirrada bogga, sawirrada asalka cinwaanka, sawirrada asalka qaybta - Deep Lichen
#061a1c— Dusha sare ee kaararka, looxyada kor loo qaaday, baloogyada macluumaadka. - Shaded Fern
#072720— Guddiga navigation-ka, kaararka dheeraadka ah, kor u qaadista guddiga oo si aan la dareemi karin loo dareemi karo. - Spruce Border
#1e2c31— Xuduudo khafiif ah oo loogu talagalay kaararka, khadadka kala qaybiya, iyo dulmar goobta gelinta. - Abyss Indigo
#000a1e— Dusha sare ee dheeraadka ah ee lagu dhejinayo alaabada/bandhigyada, guddiyo leh sharraxaadyo ku saabsan shaqooyinka. - Pure White
#ffffff— Qoraalka ugu muhiimsan, buuxinta badhanka, cinwaanka, astaamaha.
Nooca qoraalka
laga bilaabo 12 ilaa 70px · 8 tallaabo
- Neue Haas Grotesk — beddelka: Inter · dulmar guud 330, 400, 500, 550, 600 · Nidaamka qoraalka asaasiga ah waa cinwaanno leh miisaan fareed oo ah 70–96px (330–400) oo khafiif ah halkii ay ka ahaan lahaayeen kuwo qaylo badan; nuqul jirka ah oo leh miisaan fareed oo ah 16–18px (400–500); iyo habaynta iyo is-dhexgalka isticmaalaha oo leh miisaan fareed oo ah 14–16px (500–550). Miisaanka fareed ee aadka u fudud ee 330 ee cabbirrada shaashadda waaweyn waa astaamo gaar ah: waxay keentaa kalsooni iyada oo loo marayo xakameyn halkii ay ka ahaan lahayd tiro badan.
- Inter Variable — beddelka: Inter · dulmar guud 400, 420, 450, 550 · Nooc far labaad ah oo loo isticmaalo walxaha is-dhexgalka navigation-ka, qoraallada yaryar, kontaroolada tabka, iyo qoraalka yar ee ku jira cagta. Xarfaha yaryar ee yar yar iyo farqiga xarfaha caadiga ah ayaa ka dhigaya mid aad loo akhrin karo cabbirro is haysta. Waxa kale oo ay ku habboon tahay xaaladaha ay far 420-miisaan ah ay buuxiso farqiga u dhexeeya far caadi ah iyo mid dhexdhexaad ah.
Mudada iyo qaabka
| Ujeeddo | Macnaha |
|---|---|
| Cufnaanta | celcelis |
| Tallaabada aasaasiga ah | 12px |
| Gacanka badhanka | 9999px |
| Gacanka kaarka | 12px |
| Hooska | maya - xuduudaha halkii laga isticmaali lahaa hooska |
| Inta u dhaxaysa qaybaha | 80px |
| Ballaca bogga | 1280px |
AI waxay website-kaaga ku dhisi doontaa qaabka Shopify oo ay buuxin doontaa
- Ku buuxi alaabada iyo qoraallada adoo adeegsanaya xiriirka - Instagram, TikTok, Facebook.
- Ku wareeji macluumaadka boggaagii hore—kaliya sheeg cinwaanka.
- Naqshad casri ah oo ku jirta matoorka ugu fiican: React ( Next.js) oo leh qaabaynta server-ka iyo hagaajinta SEO oo aan la hubin.
- Hagaajinta SEO si buuxda oo otomaatig ah oo loogu talagalay natiijooyinka raadinta iyo talooyinka shabakadda neerfaha.
Qaabab isku mid ah
- Retool — Aqoon-is-weydaarsi diirran oo obsidian ah - dusha sare ee qalabka saxda ah, oo ay shidaan dhuxul qiiqaysa, halkaas oo wax walba lagu abuuro
- Elektron — Guddiga xakamaynta qalabka saqda dhexe waa shiraac madow oo ku dhow, halkaas oo sawirrada badeecadu ay iftiimaan halka is-dhexgalka uu yahay mid aan la arki karin.
- REKKI — Guddiga xakamaynta duulimaadka ee shaybaarka sawirka
- OFFFICE : — gallery noir ah oo ku dhex milmay far monolithic ah
- Clyde — Qolka bandhigga, oo leh iftiinkiisa keliya, waa gallery ku dhawaad madow halkaas oo midabka kaliya ee qolka ku jira uu yahay kubad diirran oo jilicsan.
- Channel Studio — Shaybaar sawir istuudiyaha ah oo leh hal nal shacaab ah
- Electronic Materials Office — Dhuxul dhalaalaya oo ku taal gallery lagu qurxiyey dhuxul
- ORYZO AI — Maqaal sawir ah oo ku saabsan qol mugdi ah. Shay keligiis ah oo ku dul heehaabaya mugdiga diiran, oo ah qaabka kaliya ee lagu qurxiyo.
- Factory — Saldhigga "qolka dagaalka" saqda dhexe. "Warshaddu" waa guddi kontorool oo madow oo aad u adag halkaas oo hal kaar oo cad uu ku soo dego sida shidista toosh-shidaalka - shayga kaliya ee qolka ku jira waa shaqada lafteeda.
- Hungry Tiger — Graffiti dhalaalaya oo turmeric ah oo ku yaal derbiga tandoor. Midab midaysan oo dahab ah iyo bunni miridhsan, oo leh far aad u weyn oo u eg calaamad suuq basbaas ah marka loo eego bogga internetka.
- Bibliothèque — Sawir madow oo qaab saddexjibbaaran ah oo hoos yimaada iftiin - saxan kaligiis ah oo ku yaal hool weyn oo mugdi ah
- Apple (España) — tiyaatar madow oo leh qalab iftiin leh