Foodnoms
'Maraka oa litholoana o chabileng ka porcelain e tšoeu - lilamunu tse futhumetseng, meroho e mecha le libopeho tse chitja tse teteaneng
Foodnoms e na le puo e bobebe ea papatso bakeng sa ho latela phepo: canvas e tšoeu e hloekileng, litšoantšo tse kholo tsa mohala e le litšupiso tse bonahalang, le mantsoe a mebala a bapalang moo mebala e emelang limatlafatsi le tsoelo-pele. Moralo oa lihlooho tsa mebala e 'meli ('mala o le mong bakeng sa lentsoe la bohlokoa, graphite e lefifi bakeng sa tse ling kaofela) o lumella tlhahlobo e potlakileng ea tlhahiso ea boleng. Sistimi e itšetleha ka ponts'o e le 'ngoe ea mosebelisi (Aquawax Pro) e nang le likarolo tsa jiometri tse chitja ka ho hlaka tse nolofatsang li-skrini tsa lisebelisoa tse nang le data e ngata. Libaka tse ngata li bataletse ebile ha li na moriti; radius ea sekhutlo e tšoanang e fa likonopo, likarete le mabitso maikutlo a botsoalle le a bonolo, e leng se etsang hore ho latela bophelo bo botle ho ikutloe ho le bonolo ho feta kliniki.
Leqephe lena le na le sebopeho sa kholomo e le 'ngoe, se bohareng, se bophara bo felletseng (~1200px) se nang le morethetho o moholo o otlolohileng. Sehlooho ke bare e tšesaane e kaholimo e nang le letšoao ka letsohong le letšehali, navigation e bohareng, le konopo ea ketso e tlatsitsoeng ea lamunu ka ho le letona. Karolo ea mohale ke sethala se bohareng: sehlooho sa mebala e 'meli, sehloohoana sa mola o le mong, letšoao la App Store, ebe mola oa li-mockup tsa mohala tse 3-5 tse phatsimang ka bophara. Ka tlase ho karolo ea mohale ho na le karolo ea "Joalokaha ho Khothaletsoa" ea khatiso e bohareng ho gridi ea 2x3. Likarolo tsa likarolo li latela mokhoa o pheta-phetoang: mongolo oa kholomo tse peli + mockup ea mohala, mahlakore a fapanyetsanang, ka lihlooho tsa karolo ea accent ka lamunu/botala. Karolo ea ho qetela pele ho footer ke karete ea CTA e ka jarolloang ka bophara bo felletseng. Li-gutter pakeng tsa likarolo li ngata (96px), li etsa maikutlo a maholo, a kang a gallery. Navigation ke bare e kaholimo e nyane - ha ho na lehlakore kapa lenane le leholo.
Puo ea pono ea sesebelisoa e laoloa ke li-mockup tsa foreimi tsa iPhone tsa boleng bo holimo tse bonts'ang sebopeho sa ts'ebetso sa sesebelisoa—tsena ke likarolo tsa mantlha, eseng linepe tsa setoko. Li-mockup li bontšoa ka ponahalo e batlang e le ka botlalo, li fetisitsoe ka ho kopana hanyane le ho potoloha ho boreleli, 'me li behiloe ka ho toba mokokotlong o mosoeu. Ka har'a li-mockup, karolo ea pono e fanoa ke sebopeho sa sesebelisoa ka bosona: tlhahisoleseling ea phepo e nepahetseng, linepe tsa lihlahisoa, masale a macro, le li-tag tsa lihlopha tse mebala-bala. Litaba tse ikhethang feela tsa lifoto ke litšoantšo tsa lijo tse rometsoeng ke basebelisi tse bonahalang skrineng sa khamera sa sesebelisoa sa Scan Your Food. Ha ho na linepe tsa mokhoa oa bophelo, ha ho litšoantšo tse sa utloisiseheng, ha ho na litšoantšo tse khabisitsoeng. Letšoao le hlalosoa ka botlalo ke mongolo o ikhethileng, moralo oa 'mala oa lamunu/o motala/o lefifi, le sebopeho sa sesebelisoa ka bosona.
Palete
Letšoao
- Ember Orange
#ff5406— Lamunu e sebelisoa e le lets'oao la bobeli bakeng sa lintlha tsa mokhabiso le ho totobatsa matšoao a sa tloaelehang. Ha ea lokela ho sebelisoa e le 'mala oa mantlha bakeng sa likōpo tsa ketso.
Lehlakore
- Graphite
#2f2f2f— Mongolo wa mantlha, dikonopo tse lefifi (letshwao la App Store), le meralo ya letshwao. Mmala o sa tshweu o hlahelletseng dihloohong le mongolong wa mmele. - Verdant Green
#00b33f— 'Mala o motala o sebetsa e le sesupo se eketsehileng bakeng sa lintlha tsa mekhabiso le ho totobatsa maqhubu a tlase. - Signal Red-Orange
#ff3400— Molumo oa bobeli o mofuthu, o bonahalang likarolong tsa UI tsa skrine sa app le lets'oao le amanang le lona. Molumo o le mong o mofuthu ho feta Ember Orange, o totobatsa maemo a app a khethiloeng kapa a sebetsang. - Sky Blue
#00a9dd— Phapang e monate bakeng sa mekhahlelo ea data ea ka hare ea sesebelisoa (lik'habohaedreite/liprotheine/lihlopha tse ling tsa limatlafatsi). E leka-lekanya mebala e mofuthu le e busang ka har'a meralo ea fono. - Mist Blue
#72a2c5— Molumo o Pholileng o sa Feleng - E nolofatsa 'mala o moputsoa oa leholimo bakeng sa mabitso a mang a data le limelo tsa chate ka har'a sesebelisoa. - Sunset Orange
#ff6d00— Molumo o mofuthu bakeng sa lihlooho tse ling le mongolo o totobalitsoeng maqepheng a papatso.
Mongolo oa mongolo
ho tloha ho 12 ho isa ho 60px · mehato e 7
- Aquawax Pro Medium — sebaka: Inter · meralo 500 · Aquawax Pro Medium - E fumaneha ho data e ntšitsoeng empa ha e hlalosoe ke AI.
- Aquawax Pro — sebaka: Nunito Sans · meralo 700, 500, 600 · Mongolo wa sehlooho wa letshwao o sebediswang maemong ohle, ho kenyeletswa le dihlooho le kopi ya mmele. Mongolo ona o entsweng ka mokgwa o ikgethileng o na le bolelele ba ditlhaku tse sephara, dibopeho tse chitja tsa jeometri, le ditekanyo tse phutholohileng. Mongolo o motenya (700) o sebediswa bakeng sa dihlooho le dikarolo—matshwao a ho ngola a sistimi. Mongolo o se nang modumo (600) o sebediswa bakeng sa dihlooho tse nyane le dileibole tsa dikonopo ho 14–1.8 mm. Mohareng (500) o sebediswa bakeng sa kopi ya mmele ho 17–1.8 mm, ka sebaka se lekaneng sa mela sa 1.6–1.8 mm bakeng sa ho bala ka boiketlo.
- System sans-serif — sebaka: Inter · meralo 400, 700 · Khetho ea ho khutlela morao e sebelisoa bakeng sa mongolo o monyane haholo le mongolo oa letšoao sebopehong sa mosebelisi. Aquawax Pro ha e sebelisoe ka boholo bo bonyenyane; fonte ea sistimi e sebetsana le tsena ho fokotsa boima ba tlhahiso.
Likheo le sebopeho
| Morero | Moelelo |
|---|---|
| Botenya | se seholo |
| Mohato oa motheo | 20px |
| Radiyo ea konopo | 26px |
| Radiyo ya karete | 26px |
| Meriti | che - meeli ho e-na le meriti |
| Pakeng tsa likarolo | 96px |
| Bophara ba leqephe | 1200px |
AI e tla haha websaete ea hau ka setaele sa Foodnoms 'me e e tlatse
- Tlatsa ka lihlahisoa le lingoliloeng ka sehokelo - Instagram, TikTok, Facebook.
- Fetisetsa dikahare ho tloha sebakeng sa hao sa marang-rang sa kgale—hlalosa aterese feela.
- Moralo oa sejoale-joale enjeneng e ntle ka ho fetisisa: React ( Next.js) ka tlhahiso ea seva le ntlafatso ea SEO ka ho feletseng.
- Ntlafatso ea SEO e iketsahalletseng ka botlalo bakeng sa liphetho tsa lipatlisiso le likhothaletso tsa marang-rang a methapo ea kutlo.
Mekhoa e tšoanang
- Slite — Bukana e mofuthu ea pampiri e nang le mohele oa terracotta—boahlamo bo bong le bo bong bo entsoe ka pampiri e boreleli, 'mala o mong le o mong o entsoe ka lamunu e nyane.
- Adora — Musiamo oa Impressionism ka mor'a khalase e nang le serame
- Bento — Lebokose la lijo tsa motšehare la bento holim'a linoleum e bonesitsoeng ke letsatsi. Gridi ea likarete tse chitja, tse kang listikara tse entsoeng ka lime, lavender, cobalt le burgundy, e 'ngoe le e 'ngoe e thathamisitsoe ka enke e teteaneng e ntšo, e lutse holim'a line e mofuthu, e boreleli tlas'a sehlooho se matla sa jeometri.
- Payments — Mmala o khanyang oa citrus khahlano le bokamorao ba 'mala o pherese oa borena. Pherese e tebileng ea motlakase e tsosa leholimo bosiu, ha mebala e mosehla ea lemone e phatsima joaloka lekhasi le lecha la citrus khahlano le bokaholimo bo hloekileng bo bosoeu.
- Textla — Almanaka ea Botanical ea Letsatsi la Retro - Leqephe le mosehla le boreledi le hatisitsoeng ka botala bo lefifi ka litšoantšo tsa cacti tse betliloeng ka meriti e bohale, e fapaneng
- AI for Business — Pontšo ea bahlophisi ba sehlōhō ka mebala e mofuthu e putsoa
- Superhuman — phanele ea bahlophisi ba hora ea khauta
- Visitors — setšoantšo sa boenjiniere bo bosoeu
- Vercel — Terminal e hatisitsoeng pampiring e tšoeu
- Jeton — Sengoliloeng se buang ka fintech mabapi le 'mabole o futhumetseng
- Say Briefly — Buka ea litšoantšo ea mokhatlo oa boqapi pampiring ea tranelate
- ClickUp — Dashboard e matla holim'a 'mabole o mosoeu. Leqephe lena ke bukana ea sehlahisoa bakeng sa sesebelisoa sa tlhahiso, kahoo puo e bonahalang e alimiloe ho tsoa sehlahisoa ka bosona: manane a teteaneng, matšoao a boemo, lihlopha tsa li-avatar, le lipolelo tse matla tsa mongolo tse shebahalang joaloka tlhaloso ea sehlahisoa se bontšitsoeng.