Shopify
Tsev Cog Khoom Ib Tag Hmo - Cov cim lag luam tawg paj nrog rau keeb kwm yav dhau los ntawm cov xim turquoise tob, ci ntsa iab los ntawm ib lub teeb ci ntawm mint
Shopify lub kaw lus tsim qauv yog lub rooj sib tham thaum ib tag hmo rau kev lag luam: ib daim ntaub canvas ze li dub uas muaj xim ntsuab turquoise tob, lub font sans-serif dav, ntseeg siab, thiab ib lub suab mint uas ua rau muaj kev sib tham. Lub interface zoo li chav tsaus ntuj, qhov twg cov khoom thiab cov hom yog qhov chaw ntawm lub teeb - cov duab thiab cov khw muag khoom ci ntsa iab tawm tsam cov chaw ze li dub, thaum cov ntsiab lus chrome ploj mus. Cov khoom yog geometric tab sis mos: daim npav 12px-radius nrog cov ciam teb nyias, cov nyees khawm zoo li ntsiav tshuaj, thiab lub font 330-qhov hnyav uas hais lus ntsiag to es tsis yog qw. Ib lub cim chromatic punctuation (# 36f4a4) siv tsawg heev rau ntawm cov kev sib txuas, cov cim npe, thiab cov xwm txheej tsom mus rau, khaws xim rau lub sijhawm ua haujlwm kom ntseeg tau tias cov dab neeg ntawm cov tub luam tseem yog qhov chaw pom.
Qhov dav tshaj plaws yog ~ 1280px, nyob hauv nruab nrab, nrog rau cov thaiv puv ntoob uas txuas ntxiv mus dhau lub thawv duab. Lub suab paj nruag ntawm nplooj ntawv hloov pauv: (1) nplooj ntawv puv ntoob tsaus nti nrog lub npe thiab cov nyees khawm hu-rau-kev ua haujlwm, (2) cov seem tsaus nti uas xis nyob nrog cov ntawv nyeem dav tshaj plaws thiab cov thaiv duab hauv 2 kab lossis cov duab grids hauv 3 kab, (3) cov vaj huam sib luag sib tham (daim npav khoom, lub tshuab xam xa khoom, daim ntawv qhia ntiaj teb) tso tawm ua daim npav tsa ntawm daim ntaub canvas tob dua. Kev taw qhia yog ib lub bar sab saum toj ruaj khov nrog lub logo + 3 cov ntsiab lus taw qhia + cov txuas thib ob + lub khawm hu-rau-kev ua haujlwm tseem ceeb, txhua yam sib dhos rau sab xis. Lub suab paj nruag ntsug siv 80px qhov sib txawv ntawm cov ntu nrog kev hloov pauv du - tsis muaj cov faib ntawm cov ntu tsaus nti, tsuas yog hloov pauv ntawm lub suab nto.
Tus qauv tsim pom tseeb yog tsom mus rau tus khw muag khoom: cov duab khoom loj thiab cov duab los ntawm cov xwm txheej hom lag luam nqa qhov hnyav ntawm qhov pom, feem ntau yog cov keeb kwm yav dhau loj nrog cov ntawv dawb overlaid. Cov duab raug txiav kom nruj, muaj qhov sib txawv siab, thiab muaj kev lom zem (lub suab nrov ntawm lub tswb Nasdaq, kev txais tos pab pawg, cov khoom ze hauv tes). Lub keeb kwm yav dhau tsaus ntuj ua rau muaj kev xav tias cov duab no tau ci ntsa iab los ntawm cov teeb pom kev zoo. Cov duab kos yog minimalist - cov haujlwm piav qhia tseem ceeb yog ua los ntawm cov duab khoom embedded thiab cov duab ntawm cov khw muag khoom. Cov cim yog monochrome, nrog kab dav ntawm 1.5–2px, feem ntau dawb lossis #36f4a4 rau cov xwm txheej nquag.
Xim av
Hom
- Shopify Mint
#36f4a4— Cov cim qhia kev taw qhia nquag, cov nplhaib tsom mus rau, cov cim qhia tseem ceeb, thiab cov cim qhia tseem ceeb ntawm cov kev sib txuas yog tib qho ci ntsa iab uas tsim kom muaj kev sib cuam tshuam tiv thaiv keeb kwm yav dhau tsaus ntuj.
Nruab nrab
- Midnight Forest
#02090a— Cov duab ntawm nplooj ntawv, cov duab tom qab ntawm lub taub hau, cov duab tom qab ntawm seem - Deep Lichen
#061a1c— Cov nto ntawm daim npav tseem ceeb, cov vaj huam sib luag tsa, cov thaiv cov ntsiab lus. - Shaded Fern
#072720— Vaj huam sib luag navigation, ntxiv cov ntawv, tsis tshua pom kev tsa ntawm lub vaj huam sib luag. - Spruce Border
#1e2c31— Cov ciam teb nyias nyias rau cov ntawv, cov kab faib, cov kab kos ntawm cov ntawv nkag. - Abyss Indigo
#000a1e— Nto ntxiv rau kev muab cov khoom/kev ua qauv qhia, cov vaj huam sib luag nrog cov lus piav qhia txog kev ua haujlwm. - Pure White
#ffffff— Cov ntawv tseem ceeb, khawm sau, lub npe, cov logos.
Kev sau ntawv
txij li 12 mus rau 70px · 8 kauj ruam
- Neue Haas Grotesk — hloov: Inter · cov qauv qhia 330, 400, 500, 550, 600 · Lub hauv paus ntawm cov ntawv sau yog cov xov xwm nrog qhov hnyav ntawm 70–96px (330–400) uas tsis pom tseeb es tsis nrov; cov ntawv sau nrog qhov hnyav ntawm 16–18px (400–500); thiab kev taw qhia thiab kev sib txuas lus nrog qhov hnyav ntawm 14–16px (500–550). Qhov hnyav ntawm cov ntawv sau sib dua ntawm 330 ntawm qhov loj ntawm cov vijtsam loj yog qhov tshwj xeeb: nws qhia kev ntseeg siab los ntawm kev txwv tsis pub loj dhau.
- Inter Variable — hloov: Inter · cov qauv qhia 400, 420, 450, 550 · Ib hom ntawv thib ob uas siv rau hauv cov ntsiab lus navigational interface, cov ntawv me me, kev tswj tab, thiab microtext hauv footers. Nws cov ntawv me me loj dua me ntsis thiab qhov sib nrug ntawm cov ntawv txheem ua rau nws nyeem tau yooj yim dua ntawm cov ntawv me me. Nws kuj tsim nyog rau cov xwm txheej uas cov ntawv hnyav 420 puv qhov sib txawv ntawm cov ntawv ib txwm thiab cov ntawv nruab nrab.
Lub sijhawm thiab daim ntawv
| Lub Hom Phiaj | Lub ntsiab lus |
|---|---|
| Qhov Ceev | nruab nrab |
| Kauj ruam yooj yim | 12px |
| Lub vojvoog ntawm lub pob | 9999px |
| Lub vojvoog ntawm daim npav | 12px |
| Duab ntxoov ntxoo | tsis muaj ciam teb es tsis yog duab ntxoov ntxoo |
| Nruab nrab ntawm cov ntu | 80px |
| Qhov dav ntawm nplooj ntawv | 1280px |
AI yuav tsim koj lub vev xaib hauv hom ntawv Shopify thiab sau nws
- Sau cov khoom thiab cov ntawv tshaj tawm los ntawm qhov txuas - Instagram, TikTok, Facebook.
- Hloov cov ntsiab lus ntawm koj lub xaib qub - tsuas yog qhia qhov chaw nyob xwb.
- Tsim qauv niaj hnub ntawm lub cav zoo tshaj plaws: React ( Next.js) nrog rau kev ua haujlwm ntawm lub server thiab kev ua kom zoo dua SEO tawm ntawm lub thawv.
- Kev ua kom zoo dua SEO tag nrho rau cov txiaj ntsig tshawb nrhiav thiab cov lus pom zoo ntawm neural network.
Cov qauv zoo sib xws
- Retool — Ib lub chaw ua haujlwm obsidian sov - ib qho chaw rau cov cuab yeej ua haujlwm raug, ci ntsa iab los ntawm cov hluav taws kub hnyiab, qhov twg txhua yam raug tsim
- Elektron — Lub vaj huam sib luag tswj cov khoom siv thaum ib tag hmo yog ib daim ntaub dub uas yuav luag dub, qhov twg cov duab khoom ci ntsa iab thaum lub interface tseem tsis pom.
- REKKI — Lub vaj huam sib luag tswj kev ya dav hlau hauv chav kuaj duab
- OFFFICE : — ib lub tsev khaws puav pheej noir uas muaj cov ntawv monolithic
- Clyde — Lub chav ua yeeb yam, nrog nws lub teeb pom kev zoo ib yam, yog ib lub tsev khaws puav pheej uas yuav luag tsaus ntuj uas tsuas muaj xim hauv chav xwb yog lub pob gradient sov so.
- Channel Studio — Ib lub chaw thaij duab hauv studio nrog ib lub teeb ci ntsa iab
- Electronic Materials Office — Ib lub hluav taws kub hnyiab hauv ib lub tsev khaws puav pheej uas dai kom zoo nkauj nrog cov thee
- ORYZO AI — Ib daim duab sau txog ib chav tsaus ntuj. Ib yam khoom nyob ib leeg hauv qhov tsaus ntuj sov so, xim dawb yog tib qho kho kom zoo nkauj xwb.
- Factory — Lub chaw nres tsheb "chav ua tsov rog" thaum ib tag hmo. Lub "factory" yog lub vaj huam sib luag dub uas muaj ib daim npav dawb zoo li lub teeb ci ntsa iab - tsuas yog yam khoom hauv chav yog txoj haujlwm nws tus kheej xwb.
- Hungry Tiger — Cov duab kos graffiti ci ntsa iab ntawm phab ntsa ntawm lub tsev tandoor. Ib lub xim kub thiab xim av xeb sib xyaw ua ke, nrog rau cov ntawv loj heev uas nws zoo li lub cim lag luam txuj lom dua li lub vev xaib.
- Bibliothèque — Ib lub tsev khaws puav pheej dub zoo li lub voos xwmfab nyob hauv qab lub teeb pom kev zoo - ib lub phaj uas ci ntsa iab nyob hauv ib lub tsev loj thiab tsaus ntuj
- Apple (España) — ua yeeb yam dub nrog cov khoom siv teeb pom kev zoo