Foodnoms
Kev ua lag luam txiv hmab txiv ntoo hnub ci ntsa iab ntawm cov khoom siv porcelain dawb - txiv kab ntxwv sov so, cov zaub ntsuab tshiab thiab cov duab puag ncig loj heev
Foodnoms muaj cov lus lag luam yooj yim rau kev taug qab kev noj haus: daim ntaub dawb huv, cov qauv xov tooj loj ua cov cim qhia pom, thiab cov lus xim ua si uas cov xim sawv cev rau cov khoom noj khoom haus thiab kev nce qib. Cov qauv header ob xim (ib xim rau lo lus tseem ceeb, graphite tsaus rau lwm tus) tso cai rau kev ntsuam xyuas sai ntawm qhov txiaj ntsig. Lub kaw lus vam khom rau ib tus neeg siv zaub (Aquawax Pro) nrog cov yam ntxwv geometric puag ncig uas ua rau cov ntxaij vab tshaus app uas muaj cov ntaub ntawv ntau. Feem ntau cov chaw yog tiaj tus thiab tsis muaj duab ntxoov ntxoo; lub ces kaum sib xws muab cov nyees khawm, daim npav, thiab cov ntawv lo rau qhov zoo, mos, ua rau kev taug qab kev noj qab haus huv zoo li yooj yim dua li kev kho mob.
Cov nplooj ntawv muaj ib kab, nruab nrab, qhov dav tag nrho (~1200px) nrog lub suab ntsug dav. Lub header yog ib daim nyias nyias sab saum toj nrog lub logo nyob rau sab laug, navigation nyob rau hauv nruab nrab, thiab lub khawm ua haujlwm txiv kab ntxwv puv nkaus nyob rau sab xis. Ntu hero yog ib pawg nruab nrab: lub npe ob xim, ib kab subheader ib kab, lub cim App Store, thiab tom qab ntawd ib kab ntawm 3-5 lub xov tooj mockups fanned tawm thoob plaws qhov dav. Hauv qab ntu hero yog ib feem nias "Raws li Pom Zoo" nyob rau hauv nruab nrab hauv daim phiaj 2x3. Cov ntu feature ua raws li tus qauv rov ua dua: ob kab ntawv + xov tooj mockup, hloov sab, nrog cov ntawv qhia txog ntu hauv txiv kab ntxwv / ntsuab. Lub ntsiab lus kawg ua ntej lub footer yog daim npav CTA puv nkaus downloadable. Cov gutters ntawm cov ntu yog dav (96px), tsim kom muaj qhov dav, zoo li gallery. Kev navigation yog ib daim minimalist sab saum toj bar - tsis muaj sidebar lossis mega menu.
Cov lus pom ntawm lub app no feem ntau yog cov duab zoo nkauj ntawm iPhone uas qhia txog lub interface ua haujlwm ntawm lub app—cov no yog cov ntsiab lus tseem ceeb, tsis yog cov duab hauv Tshuag. Cov duab pom tau pom tseeb ze li ntawm tag nrho, nthuav tawm nrog qhov sib tshooj me ntsis thiab tig du, thiab muab tso rau ntawm keeb kwm yav dhau dawb. Hauv cov duab pom, cov khoom pom tau muab los ntawm lub app tus kheej interface: cov ntaub ntawv txog kev noj haus, cov duab khoom, cov nplhaib macro, thiab cov cim qeb xim. Cov ntsiab lus duab tsuas yog cov duab zaub mov xa los ntawm tus neeg siv pom ntawm lub koob yees duab ntawm Scan Your Food app. Tsis muaj cov duab kev ua neej, tsis muaj cov duab kos duab, tsis muaj cov duab zoo nkauj. Lub npe tau txhais tag nrho los ntawm cov ntawv sau, cov xim txiv kab ntxwv/ntsuab/tsaus, thiab lub app tus kheej interface.
Xim av
Hom
- Ember Orange
#ff5406— Xim txiv kab ntxwv yog siv ua xim thib ob rau cov ntsiab lus kho kom zoo nkauj thiab los qhia txog cov cim qhia tsis tshua muaj. Nws yuav tsum tsis txhob siv ua xim tseem ceeb rau kev hu kom ua.
Nruab nrab
- Graphite
#2f2f2f— Cov ntawv tseem ceeb, cov nyees khawm tsaus nti (lub cim App Store), thiab cov kab ntawm cov cim. Xim tsis yog dawb feem ntau hauv cov ntawv sau thiab cov ntawv sau hauv lub cev. - Verdant Green
#00b33f— Xim ntsuab ua lub suab ntxiv rau cov ntsiab lus kho kom zoo nkauj thiab kom pom tseeb cov zaus qis. - Signal Red-Orange
#ff3400— Ib qho xim sov so thib ob, pom tau hauv cov ntsiab lus UI ntawm lub vijtsam app thiab cov cim lag luam cuam tshuam. Ib lub suab sov dua li Ember Orange, nws ua kom pom tseeb txog cov xwm txheej app uas tau xaiv lossis ua haujlwm. - Sky Blue
#00a9dd— Ib qho kev sib piv zoo rau cov pawg ntaub ntawv sab hauv ntawm lub app (carbohydrates/proteins/lwm pawg khoom noj khoom haus). Sib npaug qhov sov so, cov xim tseem ceeb hauv cov qauv xov tooj. - Mist Blue
#72a2c5— Muted Cool Accent - Ua kom cov xim xiav ntawm Ntuj mos rau cov ntawv lo ntxiv thiab cov keeb kwm yav dhau los hauv lub app. - Sunset Orange
#ff6d00— Ib qho kev hais lus sov so rau cov npe thib ob thiab cov ntawv tseem ceeb ntawm nplooj ntawv kev lag luam.
Kev sau ntawv
txij li 12 mus rau 60px · 7 kauj ruam
- Aquawax Pro Medium — hloov: Inter · cov qauv qhia 500 · Aquawax Pro Medium - Pom nyob rau hauv cov ntaub ntawv rho tawm tab sis tsis tau piav qhia los ntawm AI.
- Aquawax Pro — hloov: Nunito Sans · cov qauv qhia 700, 500, 600 · Cov ntawv tseem ceeb ntawm hom ntawv siv rau txhua qhov chaw, suav nrog cov ntawv sau thiab cov ntawv sau hauv lub cev. Cov ntawv sau no muaj cov ntawv siab dav, cov duab geometric puag ncig, thiab cov qauv yooj yim. Bold (700) siv rau cov ntawv sau thiab cov ntu - cov cim cim ntawm lub kaw lus. Semibold (600) siv rau cov ntawv sau hauv qab thiab cov ntawv cim khawm ntawm 14–1.8 hli. Nruab nrab (500) siv rau cov ntawv sau hauv lub cev ntawm 17–1.8 hli, nrog rau qhov sib nrug ntawm kab txaus ntawm 1.6–1.8 hli rau kev nyeem ntawv yooj yim.
- System sans-serif — hloov: Inter · cov qauv qhia 400, 700 · Ib qho kev xaiv rov qab siv rau cov ntawv me me thiab cov ntawv cim hauv lub interface neeg siv. Aquawax Pro tsis siv rau ntawm qhov loj me me; lub kaw lus font tswj cov no kom txo qhov hnyav rendering.
Lub sijhawm thiab daim ntawv
| Lub Hom Phiaj | Lub ntsiab lus |
|---|---|
| Qhov Ceev | dav |
| Kauj ruam yooj yim | 20px |
| Lub vojvoog ntawm lub pob | 26px |
| Lub vojvoog ntawm daim npav | 26px |
| Duab ntxoov ntxoo | tsis muaj ciam teb es tsis yog duab ntxoov ntxoo |
| Nruab nrab ntawm cov ntu | 96px |
| Qhov dav ntawm nplooj ntawv | 1200px |
AI yuav tsim koj lub vev xaib hauv hom ntawv Foodnoms 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
- Slite — Ib phau ntawv sau ua ntawv sov sov nrog lub kov terracotta - txhua qhov chaw yog ntawv creamy, txhua qhov chaw muaj qhov kov txiv kab ntxwv me ntsis.
- Adora — Lub Tsev khaws puav pheej ntawm Impressionism tom qab iav frosted
- Bento — Ib lub thawv noj su bento uas nyob saum linoleum uas ci ntsa iab hnub ci. Ib daim ntawv me me uas muaj cov ntawv nplaum zoo li daim nplaum xim txiv qaub ntsuab, xim lavender, xim cobalt, thiab xim burgundy, txhua daim yog xim dub tuab, nyob rau ntawm ib daim ntaub linen sov so thiab qab zib hauv qab ib lub npe geometric uas tuab thiab tuab.
- Payments — Xim citrus ci ntsa iab nrog rau xim ntshav liab ci ntsa iab tom qab. Xim ntshav tob tob ua rau pom lub ntuj thaum hmo ntuj, thaum cov xim daj txiv qaub ci ntsa iab zoo li cov txiv qaub tshiab nrog rau qhov chaw dawb huv.
- Textla — Sunny Retro Botanical Almanac - Nplooj ntawv daj dawb luam tawm hauv ntsuab tsaus nrog cov duab ntawm cacti ua rau hauv cov duab ntxoov ntxoo ntse, offset
- AI for Business — Chav tso duab kho kom zoo nkauj hauv cov xim grey sov so
- Superhuman — Pawg neeg kho xov xwm teev kub
- Visitors — daim duab kos dawb
- Vercel — Lub davhlau ya nyob twg luam tawm rau ntawm daim ntawv dawb
- Jeton — Ib tsab xov xwm hais txog fintech ntawm marble sov
- Say Briefly — Phau ntawv kos duab ntawm lub koom haum muaj tswv yim ntawm daim ntawv dawb
- ClickUp — Ib lub dashboard muaj zog ntawm cov pob zeb dawb. Cov nplooj ntawv yog ib daim ntawv qhia txog cov khoom siv rau cov cuab yeej ua haujlwm tau zoo, yog li cov lus pom tau qiv los ntawm cov khoom nws tus kheej: cov npe tuab, cov cim qhia txog xwm txheej, cov pab pawg ntawm cov avatars, thiab cov lus sau ntawv tuab uas zoo li cov lus qhia tshwj xeeb ntawm cov khoom uas tso tawm.