Foodnoms
Imakethi yeziqhamo enelanga kwi-porcelain emhlophe - iiorenji ezifudumeleyo, imifuno emitsha kunye neemilo ezijikelezileyo ezinkulu
I-Foodnoms inolwimi lokuthengisa olulula lokulandelela ukutya: i-canvas emhlophe ecocekileyo, imifanekiso emikhulu yefowuni njengezinto ezibonakalayo, kunye nesigama sombala esidlalayo apho imibala imele izondlo kunye nenkqubela phambili. Isicwangciso sentloko esinemibala emibini (umbala omnye wegama elingundoqo, i-graphite emnyama kwezinye) sivumela uvavanyo olukhawulezileyo lwexabiso. Inkqubo ixhomekeke kwisibonisi somsebenzisi omnye (i-Aquawax Pro) eneempawu zejiyometri ezijikelezileyo ezithambisa izikrini ze-app ezixineneyo. Uninzi lweendawo zithe tyaba kwaye azinamthunzi; irediyasi yekona efanayo inika amaqhosha, amakhadi, kunye neelebhile uvakalelo olunobuhlobo, oluthambileyo, okwenza ukulandelela impilo kubonakale kulula kunokweklinikhi.
Eli phepha linoyilo olupheleleyo lwekholamu enye, oluphakathi, nolubanzi olupheleleyo (~1200px) olune-rhythm ethe nkqo. I-header yibha ephezulu encinci enelogo ekhohlo, i-navigation centre, kunye neqhosha lesenzo eli-orenji eligcweleyo ngasekunene. Icandelo leqhawe liyi-stack ephakathi: isihloko esinemibala emibini, i-subheader enomgca omnye, uphawu lwe-App Store, kunye nomqolo wee-mockups zefowuni ezi-3-5 ezisasazeke kububanzi bonke. Ngaphantsi kwecandelo leqhawe kukho icandelo lelogo yokucinezela ethi "Njengoko Kucetyiswa" eliphakathi kwigridi ye-2x3. Amacandelo eempawu alandela iphethini ephindaphindayo: umbhalo wekholamu ezimbini + i-mockup yefowuni, amacala atshintshanayo, kunye nezihloko zecandelo le-accent ngombala o-orenji/oluhlaza. Into yokugqibela ngaphambi kwe-footer yikhadi le-CTA elinobubanzi obupheleleyo elinokukhutshelwa. Imijelo phakathi kwamacandelo inkulu (96px), idala uvakalelo olukhulu, olufana negalari. I-navigation yibha ephezulu encinci - akukho sidebar okanye imenyu enkulu.
Ulwimi olubonakalayo lwe-app lulawulwa ziimodeli zefreyimu ze-iPhone ezikumgangatho ophezulu ezibonisa ujongano olusebenzayo lwe-app—ezi zizinto eziphambili, kungekhona iifoto zesitokhwe. Iimodeli ziboniswa zicacile phantse ngokupheleleyo, zigqunywe ngokudibana okuncinci kunye nokujikeleza okugudileyo, kwaye zibekwe ngqo kwimvelaphi emhlophe. Ngaphakathi kweemodeli, icandelo elibonakalayo libonelelwa lujongano lwe-app: ulwazi lwesondlo, iifoto zemveliso, iiringi ze-macro, kunye neethegi zeentlobo ezinemibala. Umxholo wefoto kuphela yimifanekiso yokutya engeniswe ngumsebenzisi ebonakalayo kwisikrini sekhamera ye-app ye-Scan Your Food. Akukho zithombe zendlela yokuphila, akukho mifanekiso ingabonakaliyo, akukho mizobo yokuhombisa. Uphawu luchazwa ngokupheleleyo yifonti eyenziwe ngokwezifiso, isicwangciso sombala o-orenji/oluhlaza/omnyama, kunye nojongano lwe-app.
Iphalethi
Uphawu
- Ember Orange
#ff5406— Iorenji isetyenziswa njengesandi sesibini seenkcukacha zokuhombisa kunye nokugqamisa iimpawu ezingaqhelekanga. Akufanele isetyenziswe njengombala oyintloko wokubiza isenzo.
Ukungathathi cala
- Graphite
#2f2f2f— Umbhalo oyintloko, amaqhosha amnyama (uphawu lwe-App Store), kunye nemida yeempawu. Umbala obalaseleyo ongemhlophe kwizihloko nakwimibhalo yomzimba. - Verdant Green
#00b33f— Umbala oluhlaza usebenza njenge-accent eyongezelelweyo yeenkcukacha zokuhombisa kunye nokugxininisa amaza aphantsi. - Signal Red-Orange
#ff3400— I-accent yesibini efudumeleyo, ebonakala kwizinto ze-UI zesikrini se-app kunye nophawu oluhambelanayo. Ithoni enye efudumeleyo kune-Ember Orange, igxininisa imeko ye-app ekhethiweyo okanye esebenzayo. - Sky Blue
#00a9dd— Umahluko omhle kwiindidi zedatha yangaphakathi ye-app (iicarbohydrate/iiproteni/amaqela eesondlo). Ilungelelanisa imibala efudumeleyo nebalaseleyo kwiindlela ezicwangciswe ngayo iifowuni. - Mist Blue
#72a2c5— I-Muted Cool Accent - Ithambisa umbala oluhlaza okwesibhakabhaka wesibhakabhaka kwiileyibhile zedatha ezongezelelweyo kunye nemvelaphi yetshathi ngaphakathi kwi-app. - Sunset Orange
#ff6d00— I-accent efudumeleyo yezihloko zesibini kunye nombhalo ogqanyisiweyo kumaphepha okuthengisa.
Ubhalo lweencwadi
ukusuka kwi-12 ukuya kwi-60px · amanyathelo asi-7
- Aquawax Pro Medium — ukutshintshwa: Inter · imida 500 · I-Aquawax Pro Medium - Ifunyenwe kwidatha ekhutshiweyo kodwa ayichazwanga yi-AI.
- Aquawax Pro — ukutshintshwa: Nunito Sans · imida 700, 500, 600 · Ifonti yophawu oluphambili esetyenziswa kuzo zonke iimeko, kuquka izihloko kunye nekopi yomzimba. Le fonti yenzelwe wena inobude obubanzi boonobumba, iimilo zejiyometri ezijikelezileyo, kunye nobukhulu obukhululekileyo. I-Bold (700) isetyenziselwa izihloko kunye namacandelo—iindawo zokubhala zenkqubo. I-Semibold (600) isetyenziselwa izihloko ezincinci kunye neelebhile zamaqhosha kwi-14–1.8 mm. I-Medium (500) isetyenziselwa ikopi yomzimba kwi-17–1.8 mm, kunye nesithuba esaneleyo semigca se-1.6–1.8 mm ukuze ufundeke kakuhle.
- System sans-serif — ukutshintshwa: Inter · imida 400, 700 · Ukhetho lokubuyela umva lusetyenziswa kumbhalo omncinci kakhulu kunye nombhalo we icon kwi-interface yomsebenzisi. I-Aquawax Pro ayisetyenziswa ngobukhulu obuncinci; ifonti yenkqubo iyazisingatha ezi zinto ukunciphisa ubunzima bokuguqulela.
Amaxesha okuphumla kunye nefom
| Injongo | Intsingiselo |
|---|---|
| Uxinano | banzi |
| Inyathelo elisisiseko | 20px |
| Irediyasi yeqhosha | 26px |
| Irediyasi yekhadi | 26px |
| Izithunzi | akukho - imida endaweni yezithunzi |
| Phakathi kwamacandelo | 96px |
| Ububanzi bephepha | 1200px |
I-AI iza kwakha iwebhusayithi yakho ngesitayile sika- Foodnoms 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
- Slite — Incwadi yokubhala efudumeleyo yesikhumba enesiphatho se-terracotta—yonke indawo ifana nephepha elikhrimu, yonke into ifana ne-orenji.
- Adora — IMyuziyam yoBuchule bokuMbono ngasemva kweglasi eqandisiweyo
- Bento — Ibhokisi yesidlo sasemini ye-bento ekwi-linoleum ekhanyiswe lilanga. Igridi yamakhadi angqukuva, afana nezitikha afakwe ilayimu, i-lavender, i-cobalt, kunye ne-burgundy, ngalinye libhalwe nge-inki emnyama engqindilili, lilele kwilinen efudumeleyo, ekhrimu phantsi kwesihloko esiqinileyo nesijiyometri.
- Payments — Umbala oqaqambileyo we-citrus xa ujonge umva omfusa. Umbala omfusa onzulu uvuselela isibhakabhaka sasebusuku, ngelixa imibala etyheli yelamuni ikhazimla njenge-citrus entsha xa ujonge umhlophe ococekileyo.
- Textla — I-Sunny Retro Botanical Almanac - Iphepha elimthubi elikrimu eliprintiweyo ngombala oluhlaza okwesibhakabhaka kunye nemifanekiso ye-cacti eboniswe ngezithunzi ezibukhali nezichaseneyo
- AI for Business — Indawo yokubonisana yabahleli abanobundlongondlongo ngemibala efudumeleyo engwevu
- Superhuman — iphaneli yokuhlela yeyure yegolide
- Visitors — umzobo wobunjineli omhlophe
- Vercel — Isiphelo sendlela esiprintwe ephepheni elimhlophe
- Jeton — Umhleli malunga ne-fintech malunga ne-warm marble
- Say Briefly — Incwadi yokudweba yearhente yokudala ephepheni lekhrimu
- ClickUp — Ideshibhodi enamandla kwimabula emhlophe. Eli phepha liyincwadana yemveliso yesixhobo sokwenza imveliso, ngoko ke ulwimi olubonakalayo lubolekwe kwimveliso ngokwayo: uluhlu oluxineneyo, izalathisi zesimo, amaqela ee-avatar, kunye neengxelo ezinesibindi zokubhala ezibonakala ngathi yinkcazo yemveliso eboniswayo.