Foodnoms
Sólríkur ávaxtamarkaður á hvítu postulíni - hlýjar appelsínur, ferskt grænt og rúmgóðar, ávöl form
Foodnoms býður upp á létt markaðsmál fyrir næringarmælingar: hreint hvítt striga, stórar símalíkön sem sjónrænar akkeri og skemmtilegt litaorðaforða þar sem litir tákna næringarefni og framfarir. Tvílita hauskerfi (einn litur fyrir leitarorðið, dökk grafít fyrir restina) gerir kleift að meta fljótt verðmæti tillögunnar. Kerfið byggir á skjá fyrir einn notanda (Aquawax Pro) með greinilega ávölum rúmfræðilegum eiginleikum sem mýkja gagnaþunga appskjái. Flestir fletir eru flatir og skuggalausir; einsleitur hornradíus gefur hnöppum, kortum og merkimiðum vinalegt og mjúkt yfirbragð, sem gerir heilsufarsmælingar aðgengilegri en klínískar.
Síðan er með einum dálki, miðjuðu, fullri breiddarútliti (~1200px) með rausnarlegum lóðréttum takti. Hausinn er þunn efri súla með merkinu vinstra megin, flakkið miðjuð og útfylltum appelsínugulum aðgerðahnappi hægra megin. Aðalhlutinn er miðjuður stafli: tvílitur titill, einlínu undirhaus, App Store tákn og síðan röð af 3-5 símalíkönum sem dreifast eftir breiddina. Fyrir neðan aðalhlutann er miðjaður „Eins og mælt er með“ blaðamerkishluti í 2x3 rist. Eiginleikahlutar fylgja endurteknu mynstri: tveggja dálka texti + símalíkan, til skiptis hliðar, með fyrirsögnum áhersluhluta í appelsínugulum/grænum. Síðasti þátturinn fyrir síðufótinn er niðurhalanlegt aðgerðaboðakort í fullri breidd. Millibil milli hlutanna eru rausnarleg (96px), sem skapar rúmgóða, myndasafnslíka tilfinningu. Flakkið er lágmarks efri súla - engin hliðarstika eða risavalmynd.
Myndmál appsins einkennist af hágæða iPhone rammauppdrætti sem sýna virkni viðmóts appsins — þetta eru aðalþættirnir, ekki lagermyndir. Uppdrættirnir eru birtir með nánast algjöru gegnsæi, dreifðir út með smá skörun og mjúkri snúningi, og staðsettir beint á hvítum bakgrunni. Innan uppdráttanna er sjónræni þátturinn veittur af eigin viðmóti appsins: næringarupplýsingar, vörumyndir, næringarhringir og litrík flokkunarmerki. Eina ljósmyndaefnið eru matarmyndir sem notendur senda inn og sjást á myndavélarskjá Scan Your Food appsins. Það eru engar lífsstílsmyndir, engar abstrakt myndskreytingar, engin skreytingargrafík. Vörumerkið er alfarið skilgreint af sérsniðnu letri, appelsínugulum/grænum/dökkum litasamsetningu og eigin viðmóti appsins.
Litatöflu
Vörumerki
- Ember Orange
#ff5406— Appelsínugulur er notaður sem aukahlekkur fyrir skreytingar og til að draga fram óvenjulegar vísbendingar. Hann ætti ekki að vera aðallitur fyrir hvatningar til aðgerða.
Hlutlaus
- Graphite
#2f2f2f— Aðaltexti, dökkir hnappar (tákn App Store) og útlínur tákna. Ríkjandi litur sem er ekki hvítur í fyrirsögnum og megintexta. - Verdant Green
#00b33f— Græni liturinn þjónar sem viðbótarhlekkur fyrir skreytingar og til að leggja áherslu á lágar tíðnir. - Signal Red-Orange
#ff3400— Hlýr hlekkur í viðbót, sýnilegur í notendaviðmótsþáttum forritaskjásins og tengdri vörumerkjauppbyggingu. Einum tóni hlýrri en Ember Orange, hann leggur áherslu á valdar eða virkar forritastöður. - Sky Blue
#00a9dd— Skemmtileg andstæða fyrir innri gagnaflokka appsins (kolvetni/prótein/aðrir næringarefnahópar). Jafnvægir hlýja, ríkjandi litasamsetningu í símaútlitinu. - Mist Blue
#72a2c5— Dæmdur kaldur hreimur - Mýkir himinbláan litinn fyrir viðbótar gagnamerki og bakgrunn töflu í appinu. - Sunset Orange
#ff6d00— Hlýlegur áhersla fyrir aukafyrirsagnir og auðkenndan texta á markaðssíðum.
Leturfræði
frá 12 til 60px · 7 skref
- Aquawax Pro Medium — skipti: Inter · útlínur 500 · Aquawax Pro Medium - Finnst í útdregnum gögnum en ekki lýst af gervigreindinni.
- Aquawax Pro — skipti: Nunito Sans · útlínur 700, 500, 600 · Aðal leturgerð vörumerkisins sem notuð er í öllum samhengjum, þar á meðal fyrirsögnum og meginmáli. Þetta sérsniðna leturgerð er með breiðum stafahæðum, ávölum rúmfræðilegum formum og þægilegum hlutföllum. Feitletrað (700) er notað fyrir fyrirsagnir og kafla - leturfræðileg kennileiti kerfisins. Hálffeitletrað (600) er notað fyrir undirfyrirsagnir og hnappamerkingar í 14–1,8 mm hæð. Miðlungs (500) er notað fyrir meginmál í 17–1,8 mm hæð, með nægilegu línubili upp á 1,6–1,8 mm fyrir þægilega lestur.
- System sans-serif — skipti: Inter · útlínur 400, 700 · Varavalkostur er notaður fyrir mjög lítinn texta og tákntexta í notendaviðmótinu. Aquawax Pro er ekki notað í örstærðum; leturgerð kerfisins sér um þetta til að draga úr þyngd við birtingu.
Millibil og form
| Tilgangur | Merking |
|---|---|
| Þéttleiki | rúmgóð |
| Grunnskref | 20px |
| Hnapparadíus | 26px |
| Radíus korts | 26px |
| Skuggar | engin landamæri í stað skugga |
| Milli hluta | 96px |
| Síðubreidd | 1200px |
Gervigreind mun smíða vefsíðuna þína í stíl við Foodnoms og fylla hana út
- Fyllið út vörur og færslur í gegnum tengilinn - Instagram, TikTok, Facebook.
- Flyttu efni af gömlu síðunni þinni — tilgreindu bara vefslóðina.
- Nútímaleg hönnun á bestu vélinni: React ( Next.js) með netþjónsútgáfu og SEO-bestun beint úr kassanum.
- Fullkomlega sjálfvirk SEO hagræðing fyrir leitarniðurstöður og tillögur að tauganetum.
Líkir stílar
- Slite — Hlýleg minnisbók úr pergamenti með terrakottahandfangi — hvert yfirborð er rjómalitað pappír, hver áhersla með vægum appelsínugulum blæ.
- Adora — Safn impressjónismans á bak við matt gler
- Bento — Bento-nestibox á sólbjörtum dúk. Röndótt, límmiðalík kort í límónu, lavender, kóbalt og vínrauðri lit, hvert um sig umritað með þykku svörtu bleki, liggur á hlýju, rjómalöguðu líni undir djörfum, rúmfræðilegum titli.
- Payments — Líflegur sítruslitur á konunglega fjólubláum bakgrunni. Djúpur raffjólublár minnir á næturhimininn, á meðan sítrónugular áherslur glitra eins og ferskur sítrusbörkur á hreinum hvítum fleti.
- Textla — Sólríkt Retro Grasafræði Almanak - Kremgul síða prentuð í dökkgrænu með myndskreytingum af kaktusum í skörpum, frábrugðnum skuggum
- AI for Business — Hrottaleg ritstjórnarsýning í hlýjum gráum tónum
- Superhuman — ritstjórn gullnu stundarinnar
- Visitors — hvít verkfræðiteikning
- Vercel — Flugstöð prentuð á hvítan pappír
- Jeton — Ritstjórnargrein um fjártækni á hlýjum marmara
- Say Briefly — Teiknibók skapandi stofnunar á rjómalituðum pappír
- ClickUp — Öflug mælaborð á hvítum marmara. Síðan er vörubæklingur fyrir framleiðniverkfæri, þannig að sjónræna tungumálið er fengið að láni frá vörunni sjálfri: þéttir listar, stöðuvísar, hópar af prófílmyndum og feitletrað letur sem lítur út eins og vörulýsing á skjánum.