Le Puzz
I-Sunny Sunday Circular yiphephandaba elizaliswe ziimfihlakalo.
I-Le Puzz yinkqubo ye-e-commerce egqwesileyo kwiivenkile ezinkulu, eyakhelwe kwisiseko esineetoni ezimbini: umthubi otyebileyo, ofana nobusi odibene nomnyama ococekileyo, obekwe kwimvelaphi epholileyo, engwevu njengeeperile. Isitayile sayo sidibanisa iphephandaba lakudala kunye nephazili yejigsaw: ikopi yomzimba ikwi-serif Times, ngelixa izihloko zikwifonti eyenzelwe wena, i-Times Now, iphula ngabom imithetho yendabuko ye-e-commerce exhomekeke kwiifonti ze-sans-serif. I-interface ngokwayo igcinwa ilula kwaye isekelwe kwigridi, ivumela impembelelo ebonakalayo ukuba idluliselwe yiphakheji yemveliso (izinto ezixineneyo, ezinemifanekiso egcwele iithoyi). Ulawulo lwe-interface luqinile kakhulu: amaqhosha anomda omnyama kwimvelaphi etyheli, ii-icon ezimile okwepilisi, amakhadi ane-radius ye-12px, kunye nesithuba esikhulu soonobumba kwiintloko ezincinci, nto leyo enika neqhosha elithi "QUICK ADD" italente yokuhlela.
Igridi ye-e-commerce yakudala enoyilo oluhlukileyo lokuhlela. Intloko yimigca yehoneycomb etyheli enomda omnyama onobubanzi obu-1, enendawo yelogo ephakathi kunye nomqolo owongezelelweyo wamaqhosha okuhamba. Ngezantsi, ngaphezulu kwegridi yeemveliso eneenkolamu ezintathu kwimvelaphi engwevu, kukho intloko yokwamkela ephakathi kwifonti yeTimes Now. Into ephambili yibhloko yeefoto ephakathi eneekona ezijikelezileyo (40), ejikelezwe ngamakhadi emveliso amabini. Isingqisho samacandelo siyagcinwa: indawo enkulu ethe nkqo (30), iindawo ezimthubi nezingwevu ezitshintshanayo, kunye nobubanzi obuphezulu obumalunga ne-4.5 cm, ephakathi kwiphepha. Amakhadi emveliso anobukhulu obufanayo kwaye ahlelwe kwigridi entle eneenkolamu ezintathu enezikhewu ze-5 cm. Uyilo lufana kwaye lubotshelelwe kwigridi—akukho zakhiwo zingafaniyo okanye izinto ezihambelanayo.
Into ebonakalayo yimifanekiso yemveliso. Iibhokisi zephazili zifotwa ngokupheleleyo ngokuchasene nemvelaphi emhlophe/engathathi cala, emva koko zibekwe ngokuchasene nemvelaphi eluhlaza okwesibhakabhaka okanye yendalo yesitudiyo. Umfanekiso ophambili ubonisa umntu ophethe iibhokisi zephazili ezininzi—into yendlela yokuphila, ethathwe ngamandla alula. Iphakheji ngokwayo ityebile, inemifanekiso, kwaye inomdla kakhulu: uninzi lweethoyi, iimveliso zokutya, kunye nabalinganiswa abanemibala eqaqambileyo eyintloko kunye nemida emnyama engqindilili, eyenzelwe ukufana nomfanekiso wencwadi yabantwana osasazeke kwiphazili yeziqwenga ezingama-500. Akukho mizobo ingabonakaliyo, akukho mifanekiso ye-3D, akukho iconography ngaphandle kweglasi enye yokukhulisa—iiphazili ngokwazo lulwimi olubonakalayo.
Iphalethi
Uphawu
- Honeycomb Yellow
#ffd931— Umbala webhrendi oyintloko, ibha yesihloko, amaqhosha esenzo esiphambili, imeko esebenzayo yokuhambahamba, umbala ongaphantsi kwekhonkco, ukuzaliswa kwe-accent—inqaku lombala omnye apho yonke enye into ijikeleza khona.
Ukungathathi cala
- Carbon Black
#000000— Isicatshulwa esiphambili, imida etyebileyo, imida yamaqhosha, imida yeempawu, umbhalo wokuhambahamba ziziseko zesakhiwo senkqubo yonke. - Ink Black
#231f20— Umbhalo wesibini, umbhalo oyintloko, imida yamaqhosha, imida yentsimi yokufaka - umbala ofudumeleyo kancinci, phantse omnyama ukuze uvakale uthambile. - Pearl Gray
#c8cbcd— I-canvas yephepha, imvelaphi yekhadi lemveliso, inqanaba elimangalisayo apho kuvela khona imibala etyheli nemnyama. - Fog Gray
#a6a8aa— Imiphezulu yeebheji ezincitshisiweyo, imvelaphi yesibini yetshiphusi, kunye nokuzaliswa kwe-interface yomsebenzisi okuncinci. - Smoke Line
#d6d6d6— Izihluli ezincinci, izihluli zeetafile/amakhadi ezifihlakeleyo.
Ubhalo lweencwadi
ukusuka kwi-11 ukuya kwi-47px · amanyathelo ama-6
- Times Now — ukutshintshwa: Playfair Display · imida 100, 400 · Ifonti ye-serif yeentloko zezihloko kunye nezihlokwana—esetyenziselwa izihloko eziphambili, amagama eemveliso, kunye nezihloko zamacandelo. Ifonti ekhanyayo kakhulu enamanqaku ali-100 enephimbo le-pixel ezingama-47 idala uvakalelo olude, oluphantse lufinyezwe lokuhlela; iifom zoonobumba ezifinyeziweyo (ubude bemigca obuyi-0.87–0.90) zivumela izihloko ezinkulu ukuba zibekwe kufutshane nesicatshulwa esihamba naso, zilinganisa ipowusta eprintiweyo.
- Times — ukutshintshwa: Times New Roman · imida 400 · Umbhalo womzimba we-serif lukhetho olungalindelekanga kwivenkile ekwi-intanethi, nto leyo enika yonke indawo umvakalelo woncwadi, ofana nekhathalogu. Isithuba esincinci semigca (1.15) senza imihlathi ibe mfutshane kwaye ifundeke.
- Helvetica Neue — ukutshintshwa: Helvetica · imida 100, 400 · Umbhalo omncinci kwi-interface yomsebenzisi, amaqhosha ombhalo, kunye ne-microtext zibekwe kwifonti ye-11px kunye nesithuba esikhulu soonobumba (0.0730em), nto leyo edala uvakalelo lokubhala ngoonobumba abakhulu nokuba kubushushu bomzimba obukhululekileyo.
Amaxesha okuphumla kunye nefom
| Injongo | Intsingiselo |
|---|---|
| Uxinano | xinene |
| Inyathelo elisisiseko | 15px |
| Irediyasi yeqhosha | 12px |
| Irediyasi yekhadi | 12px |
| Izithunzi | akukho - imida endaweni yezithunzi |
| Phakathi kwamacandelo | 30-40px |
| Ububanzi bephepha | 1200px |
I-AI iza kwakha iwebhusayithi yakho ngesitayile sika- Le Puzz ize iyizalise
- Gcwalisa iimveliso kunye nezithuba ngekhonkco - Instagram, TikTok, Facebook.
- Dlulisa umxholo usuka kwisiza sakho esidala—chaza nje idilesi.
- Uyilo lwanamhlanje kwinjini engcono kakhulu: React ( Next.js) ene-server rendering kunye ne-SEO optimization ephuma kwibhokisi.
- Ukulungiswa kwe-SEO ngokuzenzekelayo ngokupheleleyo kwiziphumo zophando kunye neengcebiso zenethiwekhi ye-neural.
Iintlobo ezifanayo
- Agence Foudre — Iphepha elingaphambili lemagazini linombala opinki othambileyo okhumbuza i-lipstick.
- INVERSA — Isiphelo sentsimi ye-topographic ezinzulwini zobusuku. Iphaneli yomyalelo emnyama, apho ifonti enkulu yokuhlela kunye nomaleko omnye weempawu eziluhlaza okwesibhakabhaka zibekwe phezu kwemifanekiso yesathelayithi yoMhlaba, ilebheli nganye inombala omnye, ngokungathi ilungelelanisa umsebenzi wokufunda.
- Acne Studios — Indawo yegalari encinci ezele ziifoto eziqaqambileyo—imagazini yefashoni ebekwe phezu kwemarble
- GTE — Isitishi sokurhweba ngasemva kwezibane zegalari
- Diabla — Intendelezo yeMeditera emini – iindonga ezipinki ezifipheleyo lilanga, i-awning enye ebomvu eqaqambileyo, kunye neentloko zeendaba ezinde ezinabileyo ezisasazeke esibhakabhakeni.
- Subset — I-boutique yomhleli eyenziwe ngelinen eluhlaza
- Cursor — Indawo yokusebenzela efudumeleyo yokwenza izikhumba, ekhanyiswe ngamalahle atshayo
- MindMarket — Incwadi emnandi yeentsomi ekwiphepha elikhrimu - i-canvas yomhleli enobuhlobo apho iintloko ezinkulu ze-Inter kunye nabalinganiswa bephepha abasikiweyo bahlala kunye kwindawo ethambileyo negcwele izitikha elangeni.
- Lamborghini — Umbala womzimba omnyama kwigumbi lokubonisa, phantsi kwezibane - imoto enye etyheli
- Amplemarket — Indawo yokusebenza egqunywe lilanga egcwele i-confetti
- Getharvest — Idesika ngexesha legolide – i-canvas efudumeleyo enekhrimu, amakhadi eposi amhlophe axhonywe kwi-canvas, kunye nelangatye elinye elikhanyayo eliorenji
- Drive Capital — Ipowusta yohambo lwendlela yakudala ephepheni elifudumeleyo