Le Puzz
Sunny Sunday Circular yog ib phau ntawv xov xwm puv nrog kev paub tsis meej.
Le Puzz yog ib lub tshuab e-commerce uas zoo tshaj plaws rau cov khw muag khoom me me, ua los ntawm ob xim: xim daj zoo li lub zes qe nrog rau xim dub dawb, teeb rau ntawm keeb kwm yav dhau los xim grey-pearl txias. Nws cov qauv yog kev sib xyaw ntawm cov ntawv xov xwm qub thiab cov duab sib dhos: lub cev yog serif Times, thaum cov ntawv xov xwm tseem ceeb yog siv cov ntawv sau tshwj xeeb, Times Now, txhob txwm ua txhaum cov kev cai e-commerce ib txwm muaj uas siv cov ntawv sau sans-serif. Lub interface nws tus kheej yog khaws cia yooj yim thiab raws li grid, tso cai rau qhov cuam tshuam pom los ntawm cov khoom ntim (cov khoom sib xyaw ua ke, cov duab kos puv nrog cov khoom ua si). Cov kev tswj hwm interface yog qhov ruaj khov heev: cov nyees khawm nrog ciam teb dub ntawm keeb kwm yav dhau los daj, cov cim zoo li tshuaj ntsiav, daim npav nrog lub vojvoog 12px, thiab qhov chaw dav dav rau cov ntawv me me, uas ua rau txawm tias lub pob "QUICK ADD" muaj qhov zoo nkauj.
Ib daim phiaj xwm e-commerce uas muaj tus qauv tsim tshwj xeeb. Lub taub hau yog ib daim kab daj daj uas muaj ciam dub dav 1 nti, muaj lub logo nyob hauv nruab nrab thiab ib kab ntxiv ntawm cov nyees khawm navigation. Hauv qab no, saum toj ntawm daim phiaj xwm peb-kab ntawm cov khoom lag luam ntawm keeb kwm yav dhau grey, yog lub taub hau txais tos nyob hauv nruab nrab hauv Times Now font. Lub ntsiab lus tseem ceeb yog ib daim duab thaiv nyob hauv nruab nrab nrog cov ces kaum puag ncig (40), nrog ob daim npav khoom lag luam nyob ib sab. Lub suab ntawm cov seem tseem khaws cia: qhov chaw ntsug dav (30), hloov pauv cov nplaim daj thiab grey, thiab qhov dav tshaj plaws ntawm kwv yees li 4.5 cm, nyob hauv nruab nrab ntawm nplooj ntawv. Daim npav khoom lag luam yog tib qhov loj me thiab teeb tsa hauv daim phiaj xwm peb-kab zoo nkauj nrog 5 cm qhov sib txawv. Qhov layout yog symmetrical thiab khi rau daim phiaj xwm - tsis muaj cov khoom sib xyaw asymmetrical lossis cov khoom sib tshooj.
Lub ntsiab lus pom yog kev thaij duab khoom. Cov thawv sib dhos tau thaij duab tag nrho nrog keeb kwm yav dhau dawb/nruab nrab, tom qab ntawd muab tso rau ntawm keeb kwm yav dhau xiav sov lossis ntuj tsim hauv studio. Daim duab tseem ceeb qhia txog ib tus neeg tuav ntau lub thawv sib dhos - ib yam khoom siv hauv lub neej, thaij nrog lub zog tsis muaj zog. Lub ntim khoom nws tus kheej yog nplua nuj, piav qhia, thiab maximalist: ntau yam khoom ua si, khoom noj khoom haus, thiab cov cim hauv cov xim ci ntsa iab nrog cov kab dub tuab, tsim los zoo li daim duab kos rau phau ntawv menyuam yaus uas tawg thoob plaws hauv 500 daim sib dhos. Tsis muaj cov duab kos abstract, tsis muaj 3D renders, tsis muaj iconography lwm yam tshaj li ib lub iav loj - cov sib dhos lawv tus kheej yog cov lus pom.
Xim av
Hom
- Honeycomb Yellow
#ffd931— Xim hom tseem ceeb, lub npe ntawm daim ntawv, cov nyees khawm ua haujlwm tseem ceeb, lub xeev nquag ntawm kev navigation, xim kab hauv qab ntawm qhov txuas, qhov sau kom pom tseeb - ib qho xim uas txhua yam tig ib puag ncig.
Nruab nrab
- Carbon Black
#000000— Cov ntawv tseem ceeb, cov ciam teb tuab, cov kab kos ntawm lub pob, cov kab cim, thiab cov ntawv qhia kev yog cov qauv ntawm tag nrho lub kaw lus. - Ink Black
#231f20— Cov ntawv nyeem theem ob, cov ntawv nyeem tseem ceeb, cov ciam teb ntawm lub pob, cov ciam teb ntawm cov ntawv nkag - xim sov dua me ntsis, yuav luag dub rau qhov xav mos dua. - Pearl Gray
#c8cbcd— Nplooj ntawv canvas, keeb kwm yav dhau los ntawm daim npav khoom, ib theem zoo nkauj uas cov xim daj thiab dub tshwm sim. - Fog Gray
#a6a8aa— Cov npoo ntawm daim ntawv cim uas tsis pom tseeb, cov keeb kwm yav dhau los ntawm cov chip thib ob, thiab cov khoom siv interface uas tsis pom tseeb. - Smoke Line
#d6d6d6— Cov khoom faib nyias nyias, cov khoom faib rooj/daim npav uas tsis pom tseeb.
Kev sau ntawv
txij li 11 mus txog 47px · 6 kauj ruam
- Times Now — hloov: Playfair Display · cov qauv qhia 100, 400 · Ib hom ntawv serif rau cov npe xov xwm thiab cov npe me—siv rau cov npe tseem ceeb, cov npe khoom, thiab cov npe ntu. Cov ntawv 100-point uas sib dua heev nrog lub suab 47-pixel tsim kom muaj kev xav siab, yuav luag luv; cov ntawv luv (qhov siab ntawm kab 0.87–0.90) tso cai rau cov npe loj kom nyob ze rau cov ntawv nrog, ua raws li daim ntawv tshaj tawm luam tawm.
- Times — hloov: Times New Roman · cov qauv qhia 400 · Cov ntawv sau ua serif yog ib qho kev xaiv uas tsis tau xav txog rau lub khw muag khoom hauv online, ua rau tag nrho lub xaib zoo li phau ntawv sau, zoo li phau ntawv teev khoom. Qhov sib nrug ntawm kab me me (1.15) ua rau cov nqe lus me me thiab nyeem tau yooj yim.
- Helvetica Neue — hloov: Helvetica · cov qauv qhia 100, 400 · Cov ntawv me me hauv lub interface neeg siv, cov ntawv ntawm cov nyees khawm, thiab microtext tau teeb tsa hauv 11px font nrog qhov sib nrug ntawm cov ntawv loj (0.0730em), uas tsim kom muaj kev xav ntawm kev sau ntawv hauv cov ntawv loj txawm tias nyob rau ntawm qhov kub ntawm lub cev zoo.
Lub sijhawm thiab daim ntawv
| Lub Hom Phiaj | Lub ntsiab lus |
|---|---|
| Qhov Ceev | ntom ntom |
| Kauj ruam yooj yim | 15px |
| Lub vojvoog ntawm lub pob | 12px |
| Lub vojvoog ntawm daim npav | 12px |
| Duab ntxoov ntxoo | tsis muaj ciam teb es tsis yog duab ntxoov ntxoo |
| Nruab nrab ntawm cov ntu | 30-40px |
| Qhov dav ntawm nplooj ntawv | 1200px |
AI yuav tsim koj lub vev xaib hauv hom ntawv Le Puzz 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
- Agence Foudre — Daim ntawv xov xwm npog yog xim liab mos mos uas zoo li daim di ncauj pleev.
- INVERSA — Ib lub chaw nres tsheb hauv thaj chaw thaum ib tag hmo. Ib lub vaj huam sib luag hais kom ua tsaus ntuj, qhov twg cov ntawv sau loj heev thiab ib txheej ntawm cov cim neon-ntsuab tau muab tso rau ntawm cov duab satellite ntawm lub ntiaj teb, txhua daim ntawv lo monochrome, zoo li nyeem cov kev sib koom tes ntawm lub luag haujlwm.
- Acne Studios — Ib qho chaw kos duab minimalist uas muaj cov duab ci ntsa iab - ib phau ntawv xov xwm zam uas muab tso rau ntawm pob zeb marble
- GTE — Chaw nres tsheb ua lag luam tom qab lub teeb pom kev zoo hauv tsev khaws puav pheej
- Diabla — Ib lub tshav puam Mediterranean thaum tav su - phab ntsa liab dawb uas ploj ntawm lub hnub, ib lub ntaub thaiv hnub ci liab ci ntsa iab, thiab cov xov xwm tshaj tawm uas muaj cov ntawv xov xwm serifed nthuav dav thoob plaws saum ntuj.
- Subset — Lub tsev kho kom zoo nkauj ua los ntawm cov ntaub linen nyoos
- Cursor — Ib lub chaw ua parchment cozy, ci ntsa iab los ntawm cov thee hlawv
- 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.
- 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
- Drive Capital — Daim ntawv tshaj tawm txoj kev mus ncig ua si retro ntawm daim ntawv sov