Shopify
Nyumba Yobiriwira Pakati pa Usiku - Zizindikiro za malonda zimamera pa malo obiriwira akuda, owunikiridwa ndi kuwala kamodzi kwa timbewu ta mint
Dongosolo la mapangidwe a Shopify ndi malo ochitira malonda pakati pausiku: nsalu yakuda kwambiri yokhala ndi utoto wobiriwira wabuluu, mtundu waukulu, wodalirika wa sans-serif, ndi mtundu umodzi wowala wa mint womwe umayambitsa nthawi yolumikizirana. Mawonekedwe ake amafanana ndi chipinda chamdima, komwe zinthu ndi mitundu ndi gwero la kuwala—zithunzi ndi malo ogulitsira amawala motsutsana ndi malo akuda kwambiri, pomwe zinthu za chrome zimachepa. Zigawo zake ndi zofewa koma zofewa: makadi a 12px-radius okhala ndi malire opyapyala, mabatani ooneka ngati mapiritsi, ndi mtundu wa 330-weight womwe umanong'oneza sikelo m'malo mofuula. Chizindikiro chimodzi cha chromatic (#36f4a4) chimagwiritsidwa ntchito pang'ono pamaulalo, ma tag, ndi malo ofunikira, kusunga mtundu wa nthawi yogwira ntchito kuti zitsimikizire kuti nkhani zamalonda zikukhalabe malo ofunikira.
M'lifupi mwake ndi ~1280px, pakati, ndi mabuloko odzaza ndi m'lifupi mwake omwe amapitilira chidebe cha chithunzi. Kalembedwe ka tsamba kamasinthasintha: (1) tsamba lodzaza ndi m'lifupi mwake lokhala ndi mutu wophimbidwa ndi mabatani oitanira anthu kuchitapo kanthu, (2) magawo amdima omasuka okhala ndi zolemba ndi mabuloko odzaza ndi zithunzi m'lifupi mwake m'magawo awiri kapena ma gridi azithunzi m'magawo atatu, (3) mapanelo owonetsera ogwirizana (khadi lazinthu, chowerengera chotumizira, mapu adziko lonse) omwe amawonetsedwa ngati makadi okwezedwa pa kansalu yozama. Kuyenda ndi bala lapamwamba lokhazikika lomwe lili ndi logo + zinthu zitatu zoyendera + maulalo achiwiri + batani loyambira loyitanira anthu kuchitapo kanthu, zonse zolumikizidwa kumanja. Kalembedwe koyima kamagwiritsa ntchito mipata ya 80px pakati pa magawo ndi kusintha kosalala - palibe zogawa pakati pa magawo amdima, koma kusintha kwa kamvekedwe ka pamwamba.
Kapangidwe ka zithunzi kamayang'ana kwambiri wogulitsa: zithunzi zazikulu za zinthu ndi zithunzi kuchokera ku zochitika zamakampani zimakhala ndi kulemera kwakukulu kwa mawonekedwe, nthawi zambiri mu mawonekedwe a maziko akuluakulu okhala ndi zolemba zoyera. Zithunzizo zimadulidwa mwamphamvu, zosiyana kwambiri, komanso zachilengedwe zachikondwerero (kulira kwa belu la Nasdaq, moni wa gulu, zithunzi zapafupi za zinthu zomwe zili m'manja). Mawonekedwe amdima amapangitsa kuti zithunzizi ziwoneke ngati zowunikira. Zithunzizo ndi zazing'ono—ntchito yayikulu yofotokozera imachitidwa ndi zithunzi za zinthu zomwe zayikidwa ndi zithunzi za masitolo. Zizindikiro ndi za monochrome, zokhala ndi mzere wa 1.5–2px, nthawi zambiri zoyera kapena #36f4a4 pazinthu zomwe zikugwira ntchito.
Paleti
Mtundu
- Shopify Mint
#36f4a4— Zizindikiro zoyendetsera ntchito, mphete zoyang'ana, ma tag highlights, ndi ma hover highlights pa maulalo ndizomwe zimawala kwambiri zomwe zimapangitsa kuti pakhale kuyanjana pakati pa maziko amdima.
Osalowerera
- Midnight Forest
#02090a— Tsamba la kansalu, zithunzi za mutu wa kumbuyo, zithunzi za kumbuyo kwa gawo - Deep Lichen
#061a1c— Malo akuluakulu a makadi, mapanelo okwezeka, zolembera zamkati. - Shaded Fern
#072720— Paneli yoyendera, makadi owonjezera, kukweza kwa paneli kosaoneka bwino. - Spruce Border
#1e2c31— Malire owonda a makadi, mizere yogawa, ndi ma field field plan. - Abyss Indigo
#000a1e— Malo ena owonjezerapo oyika zinthu/ziwonetsero, mapanelo okhala ndi mafotokozedwe a ntchito. - Pure White
#ffffff— Mawu akuluakulu, kudzaza mabatani, mutu, ma logo.
Kulemba zilembo
kuyambira 12 mpaka 70px · masitepe 8
- Neue Haas Grotesk — cholowa m'malo: Inter · mndandanda 330, 400, 500, 550, 600 · Dongosolo lalikulu la kalembedwe ndi mitu yankhani yokhala ndi kulemera kwa zilembo 70–96px (330–400) zomwe zimakhala zobisika osati zokweza; chithunzi cha thupi chokhala ndi kulemera kwa zilembo 16–18px (400–500); ndi navigation ndi user interface yokhala ndi kulemera kwa zilembo 14–16px (500–550). Kulemera kwa zilembo zopepuka kwambiri 330 pa sikirini yayikulu ndi chinthu chosiyana: chimapereka chidaliro kudzera mu kudziletsa osati kuchuluka.
- Inter Variable — cholowa m'malo: Inter · mndandanda 400, 420, 450, 550 · Mtundu wachiwiri wa zilembo zomwe zimagwiritsidwa ntchito mu mawonekedwe oyendera, zolemba zazing'ono, zowongolera ma tabu, ndi zolemba zazing'ono m'mafelemu. Zilembo zake zazikulu pang'ono komanso malo ocheperako a zilembo zimapangitsa kuti zikhale zosavuta kuwerenga pakukula kochepa. Ndi yoyeneranso pazochitika pomwe zilembo zolemera 420 zimadzaza kusiyana pakati pa zilembo wamba ndi zapakatikati.
Zosintha ndi mawonekedwe
| Cholinga | Tanthauzo |
|---|---|
| Kuchulukana | avareji |
| Gawo loyambira | 12px |
| Utali wa batani | 9999px |
| Utali wa khadi | 12px |
| Mithunzi | ayi - malire m'malo mwa mithunzi |
| Pakati pa magawo | 80px |
| Kukula kwa tsamba | 1280px |
AI idzamanga tsamba lanu lawebusayiti mu kalembedwe ka Shopify ndikulidzaza
- Dzazani ndi zinthu ndi zolemba kudzera pa ulalo - Instagram, TikTok, Facebook.
- Tumizani zinthu kuchokera patsamba lanu lakale—ingotchulani adilesi.
- Kapangidwe kamakono pa injini yabwino kwambiri: React ( Next.js) yokhala ndi mawonekedwe a seva ndi kukonza SEO koyambirira.
- Kukonza bwino SEO yanu yokha kuti mupeze zotsatira zakusaka ndi malingaliro a netiweki ya neural.
Masitaelo ofanana
- Retool — Malo ofunda ochitira zinthu zooneka ngati obsidian - malo ogwiritsira ntchito zida zolondola, oyaka ndi makala ofuka, pomwe chilichonse chimapangidwa
- Elektron — Chida chowongolera pakati pausiku chimakhala ngati nsalu yakuda, pomwe zithunzi za chinthucho zimawala pomwe mawonekedwe ake samawonekera.
- REKKI — Gulu lowongolera ndege mu labu yojambulira zithunzi
- OFFFICE : — malo owonetsera zithunzi a noir okhala ndi zilembo za monolithic
- Clyde — Chipinda chowonetsera, chokhala ndi malo ake owunikira, chili ndi malo owonetsera zinthu amdima kwambiri pomwe mtundu wokhawo mchipindamo ndi mpira wofunda.
- Channel Studio — Labu yojambulira zithunzi ya studio yokhala ndi nyali imodzi ya korali
- Electronic Materials Office — Galasi lowala m'malo owonetsera zinthu zakale okongoletsedwa ndi makala
- ORYZO AI — Chithunzi chokhudza chipinda chamdima. Chinthu chokhacho chomwe chili mumdima wofunda, chokongoletsera chokhacho.
- Factory — Malo opumira a "chipinda chankhondo" pakati pausiku. "Fakitale" ndi gulu lowongolera lakuda looneka bwino komwe khadi limodzi loyera limagwera ngati chotengera choyatsidwa ndi tochi—chinthu chokhacho chomwe chili m'chipindamo ndi ntchito yokhayo.
- Hungry Tiger — Zojambula zowala ngati turmeric pakhoma la tandoor. Mtundu wofanana wa golide ndi bulauni wozizira, wokhala ndi zilembo zazikulu kwambiri zomwe zimawoneka ngati chikwangwani cha msika wa zonunkhira osati tsamba lawebusayiti.
- Bibliothèque — Malo owonetsera zithunzi akuda okhala ngati kyubu pansi pa kuwala - mbale yokhayo yowunikira mu holo yayikulu, yamdima
- Apple (España) — bwalo lamasewera lakuda lokhala ndi zolumikizira zowala