Foodnoms
Soko la matunda ya jua kwenye porcelaini nyeupe - machungwa ya joto, mboga mbichi na maumbo ya mviringo yenye mnene
Foodnoms ina lugha nyepesi ya uuzaji kwa ajili ya ufuatiliaji wa lishe: turubai nyeupe safi, mockups kubwa za simu kama nanga za kuona, na msamiati wa rangi wa kucheza ambapo rangi zinawakilisha virutubisho na maendeleo. Mpango wa kichwa cha rangi mbili (rangi moja kwa neno muhimu, grafiti nyeusi kwa zingine) huruhusu tathmini ya haraka ya pendekezo la thamani. Mfumo hutegemea onyesho moja la mtumiaji (Aquawax Pro) lenye vipengele vya kijiometri vilivyo na mviringo ambavyo vinalainisha skrini za programu zenye data nyingi. Nyuso nyingi ni tambarare na hazina kivuli; kipenyo cha kona sawa hupa vifungo, kadi, na lebo hisia ya kirafiki na laini, na kufanya ufuatiliaji wa afya uhisi rahisi zaidi kuliko kliniki.
Ukurasa huu una mpangilio wa safu wima moja, katikati, na upana kamili (~1200px) wenye mdundo mkubwa wa wima. Kichwa cha habari ni upau mwembamba wa juu wenye nembo upande wa kushoto, urambazaji katikati, na kitufe cha kutenda cha rangi ya chungwa kilichojazwa kulia. Sehemu ya shujaa ni rundo la katikati: kichwa cha rangi mbili, kichwa kidogo cha mstari mmoja, aikoni ya Duka la Programu, na kisha safu ya mockups 3-5 za simu zilizotawanyika katika upana. Chini ya sehemu ya shujaa kuna sehemu ya nembo ya "Kama Inavyopendekezwa" iliyo katikati katika gridi ya 2x3. Sehemu za vipengele hufuata muundo unaorudiwa: maandishi ya safu wima mbili + mockup ya simu, pande zinazobadilika, na vichwa vya sehemu ya lafudhi katika rangi ya chungwa/kijani. Kipengele cha mwisho kabla ya kijachini ni kadi ya CTA inayoweza kupakuliwa kwa upana kamili. Mifereji kati ya sehemu ni mingi (px 96), na kuunda hisia pana, kama ya ghala. Urambazaji ni upau wa juu mdogo - hakuna upau wa pembeni au menyu kubwa.
Lugha ya kuona ya programu inaongozwa na mockups za fremu za iPhone zenye ubora wa hali ya juu zinazoonyesha kiolesura cha kufanya kazi cha programu—hizi ndizo vipengele vya msingi, si picha za hisa. Mockups zinaonyeshwa kwa uwazi karibu kabisa, zimepeperushwa kwa mwingiliano mdogo na mzunguko laini, na kuwekwa moja kwa moja kwenye mandharinyuma meupe. Ndani ya mockups, sehemu ya kuona hutolewa na kiolesura cha programu yenyewe: taarifa za lishe, picha za bidhaa, pete za makro, na lebo za kategoria zenye rangi. Maudhui pekee ya picha ni picha za chakula zilizowasilishwa na mtumiaji zinazoonekana kwenye skrini ya kamera ya programu ya Scan Your Food. Hakuna picha za mtindo wa maisha, hakuna vielelezo vya dhahania, hakuna michoro ya mapambo. Chapa imefafanuliwa kikamilifu na fonti maalum, mpango wa rangi ya chungwa/kijani/giza, na kiolesura cha programu yenyewe.
Paleti
Chapa
- Ember Orange
#ff5406— Chungwa hutumika kama lafudhi ya pili kwa maelezo ya mapambo na kuangazia ishara zisizo za kawaida. Haipaswi kutumika kama rangi kuu ya wito wa kuchukua hatua.
Isiyoegemea upande wowote
- Graphite
#2f2f2f— Maandishi ya msingi, vitufe vyeusi (aikoni ya Duka la Programu), na mihtasari ya aikoni. Rangi isiyo nyeupe sana katika vichwa vya habari na maandishi ya mwili. - Verdant Green
#00b33f— Rangi ya kijani hutumika kama lafudhi ya ziada kwa maelezo ya mapambo na kusisitiza masafa ya chini. - Signal Red-Orange
#ff3400— Lafudhi ya pili ya joto, inayoonekana katika vipengele vya UI vya skrini ya programu na chapa inayohusiana. Lafudhi ya sauti moja kuliko Ember Orange, inasisitiza hali za programu zilizochaguliwa au zinazotumika. - Sky Blue
#00a9dd— Tofauti nzuri kwa kategoria za data za ndani za programu (wanga/protini/vikundi vingine vya virutubisho). Husawazisha rangi ya joto na inayotawala katika mipangilio ya simu. - Mist Blue
#72a2c5— Lafudhi Nzuri Iliyonyamazishwa - Hulainisha rangi ya bluu ya Anga kwa lebo za ziada za data na mandharinyuma ya chati ndani ya programu. - Sunset Orange
#ff6d00— Lafudhi ya joto kwa vichwa vya habari vya ziada na maandishi yaliyoangaziwa kwenye kurasa za uuzaji.
Uchapaji
kutoka pikseli 12 hadi 60 · hatua 7
- Aquawax Pro Medium — mbadala: Inter · mihtasari 500 · Aquawax Pro Medium - Inapatikana katika data iliyotolewa lakini haijaelezewa na AI.
- Aquawax Pro — mbadala: Nunito Sans · mihtasari 700, 500, 600 · Fonti kuu ya chapa inayotumika katika miktadha yote, ikijumuisha vichwa vya habari na nakala ya mwili. Fonti hii iliyoundwa maalum ina urefu wa herufi pana, maumbo ya kijiometri yaliyozunguka, na uwiano mzuri. Herufi nzito (700) hutumika kwa vichwa vya habari na sehemu—alama za uchapaji za mfumo. Herufi nzito (600) hutumika kwa vichwa vidogo na lebo za vitufe kwa milimita 14–1.8. Ya kati (500) hutumika kwa nakala ya mwili kwa milimita 17–1.8, ikiwa na nafasi ya kutosha ya mistari ya milimita 1.6–1.8 kwa usomaji mzuri.
- System sans-serif — mbadala: Inter · mihtasari 400, 700 · Chaguo mbadala hutumika kwa maandishi madogo sana na maandishi ya aikoni kwenye kiolesura cha mtumiaji. Aquawax Pro haitumiki kwa ukubwa mdogo; fonti ya mfumo hushughulikia hizi ili kupunguza uzito wa utoaji.
Vipindi na umbo
| Kusudi | Maana |
|---|---|
| Uzito | wasaa |
| Hatua ya msingi | 20px |
| Kipenyo cha kitufe | 26px |
| Redi ya kadi | 26px |
| Vivuli | hapana - mipaka badala ya vivuli |
| Kati ya sehemu | 96px |
| Upana wa ukurasa | 1200px |
AI itaunda tovuti yako kwa mtindo wa Foodnoms na kuijaza
- Jaza bidhaa na machapisho kupitia kiungo - Instagram, TikTok, Facebook.
- Hamisha maudhui kutoka kwa tovuti yako ya zamani—taja tu anwani.
- Muundo wa kisasa kwenye injini bora: React ( Next.js) yenye utoaji wa seva na uboreshaji wa SEO bila kuchelewa.
- Uboreshaji wa SEO kiotomatiki kikamilifu kwa matokeo ya utafutaji na mapendekezo ya mtandao wa neva.
Mitindo inayofanana
- Slite — Daftari la ngozi lenye joto lenye mpini wa terracotta—kila uso ni wa karatasi laini, kila lafudhi ni kama rangi ya chungwa.
- Adora — Jumba la Makumbusho la Impressionism nyuma ya kioo kilichoganda
- Bento — Kisanduku cha chakula cha mchana cha bento kwenye linoleamu yenye mwanga wa jua. Gridi ya kadi za mviringo, zinazofanana na vibandiko zilizotengenezwa kwa chokaa, lavender, kobalti, na burgundy, kila moja ikiwa imeainishwa kwa wino mweusi mzito, iko kwenye kitani chenye joto na krimu chini ya kichwa kigumu na cha kijiometri.
- Payments — Rangi ya machungwa inayong'aa dhidi ya mandhari ya zambarau ya kifalme. Zambarau ya umeme iliyokolea inaakisi anga la usiku, huku rangi ya manjano ya limau iking'aa kama zest mbichi ya machungwa dhidi ya uso mweupe safi.
- Textla — Almanaki ya Mimea ya Jua ya Zamani - Ukurasa wa manjano laini uliochapishwa kwa rangi ya kijani kibichi na michoro ya cacti iliyochorwa kwa vivuli vikali, vya kinyume
- AI for Business — Chumba cha maonyesho cha wahariri cha kikatili katika rangi ya kijivu ya joto
- Superhuman — jopo la wahariri la saa ya dhahabu
- Visitors — mchoro wa uhandisi mweupe
- Vercel — Kituo kilichochapishwa kwenye karatasi nyeupe
- Jeton — Tahariri kuhusu fintech kuhusu marumaru ya joto
- Say Briefly — Kitabu cha michoro cha wakala wa ubunifu kwenye karatasi ya krimu
- ClickUp — Dashibodi yenye nguvu kwenye marumaru nyeupe. Ukurasa huu ni brosha ya bidhaa kwa ajili ya zana ya uzalishaji, kwa hivyo lugha inayoonekana imekopwa kutoka kwa bidhaa yenyewe: orodha mnene, viashiria vya hali, vikundi vya avatar, na kauli nzito za uchapaji zinazoonekana kama vipimo vya bidhaa vinavyoonyeshwa.