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
- Apple iPhone Duo — Ib lub cuab yeej uas muab tais tau hauv ib daim duab dawb. Cov duab kos ntawm cov khoom nyob hauv nruab nrab, thaum cov ntawv sau thiab cov tswj xiav raug txo kom tsawg.
- AYOCIN — Ib lub cim ntawm kev noj qab haus huv ntawm lub hnub. Tsim cov ntxaij vab tshaus uas ua rau peb nco txog ib daim duab sab hauv sov so: cov ntawv loj loj, cov duab ntxoov ntxoo ntawm cov qauv vaj tse uas tsis meej, thiab ib yam khoom uas ci ntsa iab nyob rau hauv qhov chaw ntsiag to thiab zoo nkauj.
- Apple AirPods 5 — Kua — xinesmas nyob rau tom qab dawb. Ib qho chaw dawb dav rau kev kho kom raug muab txoj hauv kev rau cov tshaj tawm tag nrho, qhov twg cov duab ntawm cov khoom txav mus los thiab lub teeb ci ntsa iab tsim cov yeeb yam pom.
- Hopper — Ib lub qhov rais saum Santorini thaum tsaus ntuj. Ib daim duab mos mos ntawm qhov chaw mus ncig ua rau pom huab cua zoo li lub tsev pheeb suab, uas muaj cov kev taw qhia dawb me me thiab cov kev tswj hwm kev tseg chaw.
- Bose — Ib lub suab nrov ntawm ntug dej hiav txwv. Ib daim duab tshaj tawm uas cua tshuab puv nkaus lub thav duab, thaum cov kev tswj hwm phiaj xwm dub-thiab-dawb tau teeb tsa ib puag ncig nws zoo li cov ntsiab lus meej.
- Bauhaus Clock — Cov moos uas tau tshoov siab los ntawm Bauhaus - turquoise mechanical luminescence. Tsim cov chaw uas nyob ntsiag to, kaj nrog cov duab moos tsaus ntuj, zoo li cinematic thiab siv turquoise ua cov ntsiab lus ci ntsa iab tsawg tsawg.
- 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.