Shopify
Greenhouse yepakati pehusiku - Zviratidzo zvekutengeserana zvinotumbuka pamadziro akadzika eturquoise, zvichivhenekerwa nekamwe kadiki kemint
Sisitimu yekugadzira yaShopify inzvimbo yekuchengetera zvinhu pakati pehusiku: kanivhasi nhema yakapendwa negirini yakakora, typeface yakafara, ine chivimbo isina mafonti, uye imwe chete mint accent inopenya inoita kuti nguva dzishande pamwe chete. Iyi interface yakafanana nekamuri rerima, uko zvigadzirwa nemabrandi zviri sosi yechiedza—mifananidzo nezvitoro zvinopenya pamusoro penzvimbo dzine ruvara rutema, nepo zvinhu zvechrome zvichidzikira. Zvikamu zvacho zvine geometric asi zvakapfava: makadhi e12px-radius ane miganhu mitete, mabhatani akaita sepiritsi, uye typeface ine huremu hwe330 inokwenya scale pane kushevedzera. Chiratidzo chimwe chete chechromatic punctuation (#36f4a4) chinoshandiswa zvishoma pane zvinongedzo, ma tag, uye mamiriro ekutarisa, zvichichengetedza ruvara rwenguva dzinoshanda kuona kuti nyaya dzevatengesi dzinoramba dziri panzvimbo yekutarisa.
Upamhi hwepamusoro i ~1280px, hwakati pakati, nezvidimbu zve splash zvakafara zvakapfuura mudziyo wemufananidzo. Mutsetse wepeji unochinjana: (1) peji re splash rakafara rakafara rine musoro wakafukidzwa uye mabhatani ekudana-kuita-chiito, (2) zvikamu zvakasviba zvakapfava zvine magwaro akafara uye zvidimbu zvemifananidzo muzvikamu zviviri kana grids dzemifananidzo muzvikamu zvitatu, (3) mapaneru ekuratidzira anopindirana (kadhi rechigadzirwa, karukureta yekutumira, mepu yenyika) anoratidzwa semakadhi akasimudzwa pacanvas yakadzika. Kufamba ibhawa repamusoro rakagadzika rine logo + zvinhu zvitatu zvekufamba + zvidimbu zvechipiri + bhatani rekutanga rekudana-kuita-chiito, zvese zvakanamirwa kurudyi. Mutsetse wepamusoro unoshandisa mipata ye80px pakati pezvikamu nekuchinja kwakapfava—hapana zvinoparadzanisa pakati pezvikamu zvakasviba, kungochinja kwetoni yekumusoro.
Dhizaini yemifananidzo inonyanya kutarisana nemutengesi: mapikicha ezvigadzirwa zvakakura uye mapikicha kubva kuzviitiko zvekambani ane huremu hwakawanda hwemufananidzo, kazhinji muchimiro chemashure makuru ane mavara machena akafukidzwa. Mifananidzo yacho yakachekwa zvakanyanya, ine musiyano mukuru, uye ine hunyanzvi hwemitambo (kurira kwebhero reNasdaq, kukwazisana kweboka, kuswedera pedyo kwezvigadzirwa muruoko). Kumashure kwakasviba kunoita kuti mifananidzo iyi ionekwe nechiedza chechiedza. Mifananidzo yacho midiki—basa guru rinotsanangura rinoitwa nemifananidzo yezvigadzirwa zvakaiswa uye mapikicha epamberi pezvitoro. Mifananidzo yacho imonochrome, ine upamhi hwemutsetse we1.5–2px, kazhinji chena kana #36f4a4 yemamiriro anoshanda.
Palette
Rudzi
- Shopify Mint
#36f4a4— Zviratidzo zvekufamba-famba zvinoshanda, mitsetse yekutarisa, ma tag highlights, uye ma hover highlights ari pama links ndizvo chete zvinopenya zvinogadzira kunzwa kwekubatana kwakagoneswa nemashure matema.
Kwakarerekera
- Midnight Forest
#02090a— Kanivhasi yepeji, mifananidzo yekumashure yemusoro, mifananidzo yekumashure yechikamu - Deep Lichen
#061a1c— Nzvimbo dzemakadhi makuru, mapaneru akasimudzwa, mabhuroko emukati. - Shaded Fern
#072720— Panel yekufambisa, makadhi ekuwedzera, kusimudzwa kwepanel kusingaonekwe zvakanyanya. - Spruce Border
#1e2c31— Miganhu mitete yemakadhi, mitsetse inokamura, marongero enzvimbo yekuisa. - Abyss Indigo
#000a1e— Nzvimbo yekuwedzera yekuisa zvigadzirwa/zviratidziro, mapaneru ane tsananguro dzemabasa. - Pure White
#ffffff— Rugwaro rukuru, kuzadza mabhatani, musoro wenyaya, malogo.
Kunyora
kubva pa12 kusvika ku70px · 8 matanho
- Neue Haas Grotesk — kutsiva: Inter · marongero 330, 400, 500, 550, 600 · Sisitimu huru yekunyora ndeyemisoro ine huremu hwefonti hwe70–96px (330–400) hushoma pane hune ruzha; kopi yemuviri ine huremu hwefonti hwe16–18px (400–500); uye navigation uye user interface ine huremu hwefonti hwe14–16px (500–550). Huremu hwefonti hwakareruka hwe330 pahukuru hwechidzitiro chikuru chinhu chinosiyanisa: inoratidza chivimbo kuburikidza nekudzora kwete nehukuru.
- Inter Variable — kutsiva: Inter · marongero 400, 420, 450, 550 · Rudzi rwechipiri rwefonti runoshandiswa muzvinhu zvekushandisa pakufambisa, manotsi madiki, ma "tab controls", uye "microtext" mu "footers". Mabhii ayo madiki akakura zvishoma uye nzvimbo yakakura yemavara inoita kuti ive nyore kuverenga kana iri muhukuru hwakabatana. Yakakodzerawo mumamiriro ezvinhu apo fonti ine huremu hwe420 inozadza musiyano uripo pakati pefonti yakajairwa neyepakati.
Zvikamu uye chimiro
| Chinangwa | Zvinoreva |
|---|---|
| Kuwanda kwevanhu | avhareji |
| Danho rekutanga | 12px |
| Radiyo yebhatani | 9999px |
| Nharaunda yekadhi | 12px |
| Mimvuri | kwete - miganhu panzvimbo pemumvuri |
| Pakati pezvikamu | 80px |
| Upamhi hwepeji | 1280px |
AI ichavaka webhusaiti yako nenzira ye Shopify 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
- Retool — Nzvimbo inodziya yekushandira obsidian - nzvimbo yekushandisa maturusi akanyatsogadzirwa, inovhenekerwa nemoto unopfungaira, uko zvese zvinogadzirwa
- Elektron — Panera rekudzora michina pakati pehusiku rakaita sejira dema, uko mapikicha ezvigadzirwa anopenya nepo interface isingaonekwe zvachose.
- REKKI — Panera rekudzora ndege murabhoritari yemifananidzo
- OFFFICE : — gallery yeNoir yakazara nefonti ye monolithic
- Clyde — Imba yekuratidzwa, ine chiedza chayo chimwe chete, inzvimbo ine ruvara rwakasviba apo ruvara chete mukamuri iri bhora rinodziya regradient.
- Channel Studio — Imba yekutora mifananidzo yestudio ine rambi remakorari rimwe chete
- Electronic Materials Office — Chiedza chemoto chinopenya mugarari rakashongedzwa nemarasha
- ORYZO AI — Rondedzero yemufananidzo pamusoro pekamuri rerima. Chinhu chimwe chete chakagara murima rinodziya, runako rweganda ndiro chete runako rwekushongedza.
- Factory — Nzvimbo ye "war room" pakati pehusiku. "Factory" iyi ipaneru yekutonga nhema yakajeka apo kadhi rimwe chete jena rinowira serimwe rema "dispatch" anovhenekerwa netochi—chinhu chimwe chete chiri mukamuri ndiro basa racho pacharo.
- Hungry Tiger — Mifananidzo yakajeka seye turmeric pamadziro e tandoor. Palette yakabatana yegoridhe nebrown yakaora, ine mavara akakura zvekuti inoita kunge chiratidzo chemusika wezvinonhuwira kupfuura webhusaiti.
- Bibliothèque — Garari dema rakaita secube riri pasi pechiedza - ndiro imwe chete yakavhenekerwa muhoro hombe, ine rima
- Apple (España) — theatre nhema ine zvishongedzo zvakavhenekerwa