Shop
Ib pawg neeg ua lag luam ntab saum pob zeb dawb
Lub khw muag khoom hauv online ua haujlwm ntawm tus qauv "daim ntaub dawb", nrog cov khoom tso tawm ua cov duab loj, nkhaus heev es tsis yog cov duab me me. Tag nrho lub interface yog du heev: 20-28px radii thoob plaws, cov tshuaj tswj zoo li ntsiav tshuaj, thiab lub cev me me 16px GT Standard nrog kev taug qab tsis zoo uas ua rau cov ntawv meej thiab tuab. Lub kaw lus tsuas yog lub suab nrov yog xim ntshav ci ntsa iab (# 5433eb), uas tshwm sim hauv lub logo, daim teb tshawb nrhiav voj voog, thiab ua duab ntxoov ntxoo ntawm tib lub pob. Tus so ntawm lub palette yog sov so: cov nplaim dawb, daim ntaub grey txias me ntsis, ciam teb me ntsis, thiab cov ntawv ze li dub. Qhov ceev tseem me me nrog 12px gutters, tab sis cov hero thiab pawg kab txaij ua pa ua tsaug rau lub suab ntsug dav dav ntawm 64-80px, ua rau kev paub txog kev lag luam zoo li kev tshawb nrhiav dua li daim ntawv teev khoom.
Qhov dav tshaj plaws yog 1200px, nyob nruab nrab ntawm daim ntaub #f2f4f5 uas pom tseeb, nrog rau ib daim sidebar dav 64px nyob rau sab laug uas tsuas muaj cov cim navigation xwb. Lub ntsiab lus tseem ceeb yog ib daim kab dav tag nrho, nrog rau cov ntawv qhia khoom nyob saum lub logo "khw" xim av uas nyob nruab nrab, thiab ib daim kab tshawb nrhiav zoo li tshuaj ntsiav nyob hauv qab nws. Cov tshuaj ntsiav qeb raug teeb tsa ua ib kab nyob nruab nrab hauv qab daim kab tshawb nrhiav. Cov ntu ntsiab lus (Poj Niam, Txiv Neej, Kev Zoo Nkauj, Tsev, Menyuam Mos & Menyuam) ua raws li cov kab tshwj xeeb, txhua daim muaj daim phiaj 4-kab nrog cov duab khoom lossis ib daim phiaj 2-kab "lub ntsiab lus tseem ceeb thiab daim phiaj". Lub suab ntsug dav heev: 64–80px ntawm cov ntu tseem ceeb. Lub footer yog ib daim kab tsaus ntuj nyob hauv qab ntawm nplooj ntawv nrog cov pab pawg txuas zoo li kab. Cov xub carousel nyob rau sab xis ntawm cov vaj huam sib luag khoom kab rov tav qhia txog cov ntsiab lus scrollable yam tsis muaj cov ntsiab lus pagination.
Kev thaij duab yog qhov tseem ceeb tshaj plaws uas pom tau: cov duab khoom puv npo nrog lub keeb kwm yav dhau dawb, txiav 1:1, thiab cov duab ua neej nyob nrog lub suab sov so (beige, terracotta, sage, ivory). Cov duab khoom muaj lawv tus kheej xim - lub interface neeg siv tseem tsis sib xws, ua rau cov xim khoom muab ntau yam pom. Cov cim lag luam tshwm sim ua cov ntawv sau overlay ntawm cov duab tsaus lossis lub teeb tseem ceeb, es tsis yog cov cim ib leeg. Hauv cov khoom tseem ceeb, cov ntawv khoom raug tso rau hauv qhov chaw ua pawg ntab, me ntsis overlapping saum cov cim lo lus. Cov cim yog minimalist thiab monochrome (cov kab dub), tsuas yog cov cim qeb, uas siv ib xim hom. Tsis muaj duab kos, 3D effects, lossis gradients hauv cov duab khoom.
Xim av
Hom
- Shop Violet
#5433eb— Lub pob xa, cov cim ntawv uas muaj cov cim dotted, thiab lub logo hom yog tib qho tseem ceeb uas qhia txog kev ua thiab tus kheej ntawm lub keeb kwm yav dhau dawb. - Violet Wash
#c0b5f3— Ib lub halo translucent tom qab lub khawm xa xim av uas tswj nws lub ci yam tsis hloov xim av.
Nruab nrab
- Canvas Mist
#f2f4f5— Keeb kwm yav dhau ntawm nplooj ntawv thiab kev kho kom zoo nkauj ntxiv tom qab cov ntawv tsa. - Pure White
#ffffff— Qhov chaw tseem ceeb rau cov ntawv, cov teb nkag, cov paib ntab thiab cov nyees khawm zoo li tshuaj ntsiav. - Ink Black
#000000— Cov ntawv tseem ceeb, cov npe, cov cim, cov cim kev taw qhia, thiab cov ntawv khoom hauv hom tsaus ntuj. - Faint Border
#ebebeb— Cov kab faib nyias nyias ntawm cov ntawv, cov kab kos ntawm daim teb nkag, thiab cov thav khawm zoo li tshuaj ntsiav. - Muted Gray
#787574— Cov ntawv nyeem theem ob, cov ntawv cim qhia kev, cov cim qhia thaum tsis ua haujlwm - Cool Stone
#cccccc— Cov chaw tuav, cov xwm txheej xiam oob qhab, thiab cov keeb kwm yav dhau los ntawm cov cim tsis ua haujlwm
Kev sau ntawv
txij li 11 mus rau 16px · 4 kauj ruam
- GT Standard — hloov: Inter · cov qauv qhia 400 · Tus ntawv tseem ceeb ntawm txhua qhov loj me—rau ob qho tib si cov ntawv hauv lub cev thiab cov ntawv hauv qab. GTStandard-MRegular ntawm 16px/-0.031em yog tus ntawv tseem ceeb rau cov ntawv hauv lub cev, cov nyees khawm, thiab cov ntawv lo. GTStandard-MSemibold ntawm 20px/-0.05em yog siv rau ntau lub npe loj; GTStandard-MMedium ntawm 11–12px yog siv rau cov lus piav qhia me me. Txhua tus ntawv sib txawv tau tso tawm nrog qhov hnyav ntawm 400—cov ntawv sib txawv tau ua tiav los ntawm kev hloov pauv me me thiab qhov sib nrug ntawm cov ntawv tsis zoo, es tsis yog qhov sib piv ntawm cov ntawv tuab. Qhov no yog tus qauv kos npe: Khw tsis qw nrog cov ntawv tuab, tab sis hloov cov ntawv los ntawm qhov sib nrug ntawm cov ntawv.
- Shopify Sans — hloov: Inter · cov qauv qhia 400, 700 · Tseg rau cov lus hauv theem system xws li cov banners loading app thiab cov ntawv tso cai rau cookie.
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 | 28px |
| Duab ntxoov ntxoo | cov duab ntxoov ntxoo mos mos |
| Nruab nrab ntawm cov ntu | 64px |
| Qhov dav ntawm nplooj ntawv | 1200px |
AI yuav tsim koj lub vev xaib hauv hom ntawv Shop 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
- Cursor — Ib lub chaw ua parchment cozy, ci ntsa iab los ntawm cov thee hlawv
- Slush — lub ntiaj teb inflatable ntawm cov ntawv nplaum rau ntawm daim ntawv pastel
- MindMarket — Ib phau ntawv dab neeg zoo nkauj uas muaj ntawv dawb - ib daim ntaub zoo nkauj uas muaj cov ntawv xov xwm loj thiab cov cim ntawv txiav ua ke nyob ua ke ntawm qhov chaw uas muaj hnub ci ntsa iab thiab mos mos.
- Airbnb — Ib phab ntsa dawb ntsiag to nrog ib daim ntawv cim xim liab coral
- Superr — Ib phau ntawv sau txog tsev kawm ntawv sov so hauv lub teeb ci ntsa iab thaum tav su. Ib nplooj ntawv xim dawb, ib tug cwj mem xim txiv kab ntxwv tsis muaj lub hau, thiab ib pawg ntawv nplaum npe uas tos kom tev tawm.
- Apple (España) — Lub tsev khaws puav pheej lub tsev khaws puav pheej, thaum lub hnub ci ntsa iab, yog ib qho chaw dawb uas ntxim nyiam, tsis hnyav, nrog txhua qhov khoom pov thawj ci ntsa iab los ntawm lub teeb pom kev zoo tawm tsam phab ntsa uas muaj xim me ntsis.
- Lamborghini — Xim dub lub cev hauv chav tso khoom, hauv qab lub teeb pom kev zoo - ib lub tsheb daj
- Amplemarket — Ib qho chaw ua haujlwm uas muaj hnub ci ntsa iab puv nrog cov ntawv confetti
- Getharvest — Ib lub rooj ua haujlwm thaum lub sijhawm kub - ib daim ntaub canvas sov so, daim ntawv xa ntawv dawb dai rau ntawm daim ntaub, thiab ib lub nplaim taws txiv kab ntxwv ci ntsa iab
- Agence Foudre — Daim ntawv xov xwm npog yog xim liab mos mos uas zoo li daim di ncauj pleev.
- Drive Capital — Daim ntawv tshaj tawm txoj kev mus ncig ua si retro ntawm daim ntawv sov
- Apple (España) — lub thawv tso saib dawb gallery