Foodnoms
Imakethe yezithelo enelanga ku-porcelain emhlophe - amawolintshi afudumele, imifino emisha kanye nezimo eziyindilinga ezinkulu
I-Foodnoms ifaka ulimi lokumaketha olulula lokulandelela ukudla okunempilo: indwangu emhlophe ehlanzekile, izithombe ezinkulu zefoni njengezikhombisi ezibonakalayo, kanye nesilulumagama sombala esidlalayo lapho imibala imelela khona izakhamzimba kanye nenqubekela phambili. Uhlelo lwesihloko olunemibala emibili (umbala owodwa wegama elingukhiye, i-graphite emnyama yokunye) luvumela ukuhlolwa okusheshayo kwesiphakamiso senani. Uhlelo luthembele ekubonisweni komsebenzisi oyedwa (i-Aquawax Pro) enezici zejiyometri eziyindilinga ezicacile ezithambisa izikrini zohlelo lokusebenza ezigcwele idatha. Izindawo eziningi ziyisicaba futhi azinamthunzi; irediyasi yekona efanayo inikeza izinkinobho, amakhadi, kanye namalebula umuzwa onobungane, othambile, okwenza ukulandelela impilo kuzwakale kufinyeleleka kalula kunokwelashwa.
Ikhasi linesakhiwo sekholomu eyodwa, esimaphakathi, esibanzi obugcwele (~1200px) esinesigqi esikhulu esiqondile. Isihloko siyibha ephezulu encane enelogo ngakwesobunxele, ukuzulazula kuphakathi, kanye nenkinobho yesenzo e-orenji egcwele ngakwesokudla. Isigaba seqhawe siyinqwaba ephakathi: isihloko semibala emibili, isihloko esincane somugqa owodwa, isithonjana se-App Store, bese kuba umugqa wezithombe zocingo ezingu-3-5 ezisakazwe ububanzi bonke. Ngezansi kwesigaba seqhawe kunesigaba selogo yokucindezela esithi "Njengoba Kunconywa" esimaphakathi kugridi engu-2x3. Izigaba zesici zilandela iphethini ephindaphindayo: umbhalo wekholomu ezimbili + i-mockup yefoni, izinhlangothi ezishintshanayo, nezihloko zesigaba sokugcizelela ngombala o-orenji/oluhlaza okotshani. Into yokugcina ngaphambi kwesisekelo yikhadi le-CTA elinobubanzi obugcwele elingalandwa. Ama-gutter phakathi kwezigaba maningi (96px), okwenza kube nomuzwa omkhulu, ofana negalari. Ukuzulazula kuyibha ephezulu encane - ayikho i-sidebar noma imenyu enkulu.
Ulimi olubonakalayo lohlelo lokusebenza lubuswa yizithombe zohlaka lwe-iPhone ezisezingeni eliphezulu ezibonisa isikhombikubona esisebenzayo sohlelo lokusebenza—lezi yizinto eziyinhloko, hhayi izithombe zesitoko. Izithombe zohlaka ziboniswa ngokusobala okucishe kube okuphelele, zisakazwa ngokugqagqana okuncane nokujikeleza okubushelelezi, futhi zibekwe ngqo ngemuva okumhlophe. Ngaphakathi kwezithombe zohlaka, ingxenye ebonakalayo inikezwa yi-interface yohlelo lokusebenza: ulwazi lokudla okunempilo, izithombe zomkhiqizo, izindandatho ezinkulu, kanye namathegi ezigaba ezimibalabala. Okuqukethwe okuwukuphela kwezithombe izithombe zokudla ezithunyelwe ngumsebenzisi ezibonakalayo esikrinini sekhamera sohlelo lokusebenza lwe-Scan Your Food. Azikho izithombe zendlela yokuphila, azikho imidwebo engaqondakali, azikho ihluzo zokuhlobisa. Uphawu luchazwa ngokuphelele yifonti yangokwezifiso, uhlelo lombala oluhlaza okotshani/olumnyama, kanye nesikhombikubona sohlelo lokusebenza.
Iphalethi
Umkhiqizo
- Ember Orange
#ff5406— I-orenji isetshenziswa njengendlela yesibili yokugcizelela imininingwane yokuhlobisa kanye nokugqamisa izimpawu ezingavamile. Akufanele isetshenziswe njengombala oyinhloko wokubiza isenzo.
Okungathathi hlangothi
- Graphite
#2f2f2f— Umbhalo oyinhloko, izinkinobho ezimnyama (isithonjana se-App Store), kanye nezinhlaka zesithonjana. Umbala ogqamile ongemhlophe ezihlokweni nasemzimbeni wombhalo. - Verdant Green
#00b33f— Umbala oluhlaza usebenza njengesici esengeziwe semininingwane yokuhlobisa nokugcizelela imvamisa ephansi. - Signal Red-Orange
#ff3400— I-accent yesibili efudumele, ebonakala ezintweni ze-UI zesikrini sohlelo lokusebenza kanye nophawu oluhlobene. Ifudumele ngethoni eyodwa kune-Ember Orange, igcizelela izimo zezinhlelo zokusebenza ezikhethiwe noma ezisebenzayo. - Sky Blue
#00a9dd— Umehluko omuhle wezigaba zedatha yangaphakathi yohlelo lokusebenza (ama-carbohydrate/amaprotheni/amaqembu ezakhamzimba). Ilinganisela umbala ofudumele nogqamile ezimisweni zefoni. - Mist Blue
#72a2c5— I-Accent Epholile Ethulisiwe - Ithambisa umbala oluhlaza okwesibhakabhaka wesibhakabhaka ukuze uthole amalebula edatha engeziwe kanye nezizinda zamashadi ngaphakathi kohlelo lokusebenza. - Sunset Orange
#ff6d00— Indlela efudumele yokubhala izihloko zesibili kanye nombhalo ogqanyisiwe emakhasini okumaketha.
Ukuthayipha
kusukela ku-12 kuya ku-60px · izinyathelo ezingu-7
- Aquawax Pro Medium — esikhundleni: Inter · izinhlaka 500 · I-Aquawax Pro Medium - Itholakala kudatha ekhishwe kodwa engachazwanga yi-AI.
- Aquawax Pro — esikhundleni: Nunito Sans · izinhlaka 700, 500, 600 · Ifonti yomkhiqizo eyinhloko esetshenziswa kuzo zonke izimo, kufaka phakathi izihloko kanye nekhophi yomzimba. Le fonti eyenzelwe wena inezici zokuphakama kwezinhlamvu ezibanzi, izimo zejiyometri eziyindilinga, kanye nezilinganiso ezikhululekile. Okugqamile (700) kusetshenziselwa izihloko nezigaba—izimpawu zokubhala zesistimu. Okugqamile (600) kusetshenziselwa izihloko ezincane kanye namalebula ezinkinobho ku-14–1.8 mm. Okuphakathi (500) kusetshenziselwa ikhophi yomzimba ku-17–1.8 mm, kanye nesikhala esanele semigqa esingu-1.6–1.8 mm ukuze kufundwe kahle.
- System sans-serif — esikhundleni: Inter · izinhlaka 400, 700 · Inketho yokubuyela emuva isetshenziswa kumbhalo omncane kakhulu kanye nombhalo wesithonjana ku-interface yomsebenzisi. I-Aquawax Pro ayisetshenziswa ngobukhulu obuncane; ifonti yesistimu iphatha lokhu ukuze inciphise isisindo sokukhiqiza.
Izikhawu kanye nesimo
| Inhloso | Incazelo |
|---|---|
| Ubuningi | ivulekile |
| Isinyathelo esiyisisekelo | 20px |
| Irediyasi yenkinobho | 26px |
| Irediyasi yekhadi | 26px |
| Izithunzi | cha - imingcele esikhundleni sezithunzi |
| Phakathi kwezigaba | 96px |
| Ububanzi bekhasi | 1200px |
I-AI izokwakha iwebhusayithi yakho ngesitayela se- Foodnoms futhi iyigcwalise
- Gcwalisa ngemikhiqizo kanye nokuthunyelwe ngesixhumanisi - Instagram, TikTok, Facebook.
- Dlulisa okuqukethwe kusuka kusayithi lakho elidala—vele ucacise ikheli.
- Umklamo wesimanje enjinini engcono kakhulu: React ( Next.js) enokunikeza iseva kanye nokwenza ngcono i-SEO ngokungenaphutha.
- Ukwenziwa ngcono kwe-SEO okuzenzakalelayo ngokuphelele kwemiphumela yokusesha kanye nezincomo zenethiwekhi ye-neural.
Izitayela ezifanayo
- Slite — Incwadi yokubhala efudumele enesibambo se-terracotta—yonke indawo iyiphepha elikhilimu, yonke indlela ecacile inombala onsundu okhanyayo.
- Adora — IMyuziyamu Yokucabanga Ngezinto Ezibonakalayo Emuva Kwengilazi Eqandisiwe
- Bento — Ibhokisi lesidlo sasemini le-bento elise-linoleum ekhanyiswe yilanga. Igridi yamakhadi ayindilinga, afana nezitikha anombala we-lime, i-lavender, i-cobalt, kanye ne-burgundy, ngalinye lichazwe ngoyinki omnyama ojiyile, lilele phezu kwelineni elifudumele, elinokhilimu ngaphansi kwesihloko esigqamile nesinobume bejometri.
- Payments — Umbala we-citrus ogqamile obhekene nesizinda sombala onsomi wasebukhosini. Umbala onsomi ojulile kagesi uveza isibhakabhaka sasebusuku, kuyilapho imibala ephuzi kalamula ikhazimula njenge-citrus entsha ebusweni obumhlophe obuhlanzekile.
- Textla — I-Sunny Retro Botanical Almanac - Ikhasi eliphuzi elikhilimu eliphrintiwe ngombala oluhlaza okotshani ngemifanekiso ye-cacti edwetshwe ngezithunzi ezibukhali, eziphambeneyo
- AI for Business — Indawo yokubukisa abahleli abanonya ngemibala efudumele empunga
- Superhuman — iphaneli yokuhlela yehora legolide
- Visitors — umdwebo wobunjiniyela omhlophe
- Vercel — Itheminali ephrintiwe ephepheni elimhlophe
- Jeton — Umhleli mayelana ne-fintech ngemabula efudumele
- Say Briefly — Incwadi yokudweba yenhlangano yokudala ephepheni elikhilimu
- ClickUp — Ideshibhodi enamandla emabula amhlophe. Ikhasi liyincwajana yomkhiqizo wethuluzi lokukhiqiza, ngakho-ke ulimi olubonakalayo lubolekwe kumkhiqizo ngokwawo: uhlu oluxinene, izinkomba zesimo, amaqembu ama-avatar, kanye nezitatimende zokuthayipha ezinesibindi ezibukeka njengencazelo yomkhiqizo eboniswayo.