Foodnoms
Fruta merkatu eguzkitsua portzelana zurian - laranja epelak, berde freskoak eta forma biribildu handiak
Foodnoms-ek nutrizioaren jarraipena egiteko marketin-hizkuntza arina du: mihise zuri garbi bat, telefono-maketa handiak aingura bisual gisa eta kolore-hiztegi jostalari bat, non koloreek mantenugaiak eta aurrerapena irudikatzen dituzten. Bi koloreko goiburu-eskema batek (kolore bat gako-hitzarentzat, grafito iluna gainerakoentzat) balio-proposamenaren ebaluazio azkarra ahalbidetzen du. Sistemak erabiltzaile bakarreko pantaila batean oinarritzen da (Aquawax Pro), datu-zama handiko aplikazioen pantailak leuntzen dituzten ezaugarri geometriko biribildu nabarmenekin. Gainazal gehienak lauak eta itzalik gabekoak dira; izkina-erradio uniformeak botoiei, txartelei eta etiketei ukitu atsegin eta leuna ematen die, osasun-jarraipena klinikoa baino eskuragarriagoa bihurtuz.
Orrialdeak zutabe bakarreko, erdian kokatutako eta zabalera osoko diseinua du (~1200px), erritmo bertikal oparoarekin. Goiburua goiko barra mehe bat da, logotipoa ezkerrean duela, nabigazioa erdian duela eta eskuinean laranja koloreko ekintza-botoi bete bat duela. Atal nagusia erdiko pila bat da: bi koloreko izenburua, lerro bakarreko azpititulua, App Store ikonoa eta, ondoren, 3-5 telefono maketa ilara bat zabaleran zehar zabalduta. Atal nagusiaren azpian, erdian kokatutako "Gomendatutakoa" prentsa-logotipoaren atal bat dago, 2x3 sareta batean. Ezaugarrien atalek errepikatzen den eredu bat jarraitzen dute: bi zutabeko testua + telefono maketa, aldeak txandakatuz, azentu atalen izenburuak laranja/berdez. Orri-oinaren aurreko azken elementua deskargatzeko aukera ematen duen CTA txartel zabal bat da. Atalen arteko lerroak zabalak dira (96px), galeria itxurako sentsazioa sortuz. Nabigazioa goiko barra minimalista bat da - ez dago alboko barrarik edo mega menurik.
Aplikazioaren hizkuntza bisuala iPhone markoen maketa kalitate handikoek osatzen dute, aplikazioaren interfazearen funtzionamendua erakusten dutenak; elementu nagusiak dira, ez stock argazkiak. Maketak ia gardentasun osoz bistaratzen dira, gainjartze arin batekin eta biraketa leun batekin zabalduta, eta atzealde zuri baten gainean kokatuta. Maketen barruan, osagai bisuala aplikazioaren interfazeak berak ematen du: nutrizio-informazioa, produktuen argazkiak, makro eraztunak eta kategoria-etiketa koloretsuak. Eduki fotografiko bakarra erabiltzaileek bidalitako janari-irudiak dira, Scan Your Food aplikazioaren kameraren pantailan ikusgai daudenak. Ez dago bizimodu-argazkirik, ez ilustrazio abstrakturik, ez grafiko apaingarririk. Marka letra-tipo pertsonalizatuak, laranja/berde/ilun kolore-eskemak eta aplikazioaren interfazeak definitzen dute erabat.
Paleta
Marka
- Ember Orange
#ff5406— Laranja bigarren mailako azentu gisa erabiltzen da xehetasun apaingarrietarako eta ohikoak ez diren seinaleak nabarmentzeko. Ez da erabili behar ekintzarako deietarako kolore nagusi gisa.
Neutroa
- Graphite
#2f2f2f— Testu nagusia, botoi ilunak (App Store ikonoa) eta ikonoen eskemak. Kolore ez-zuri nagusia izenburuetan eta gorputzeko testuan. - Verdant Green
#00b33f— Kolore berdeak xehetasun apaingarrietarako eta maiztasun baxuak azpimarratzeko azentu gehigarri gisa balio du. - Signal Red-Orange
#ff3400— Bigarren mailako azentu bero bat, aplikazioaren pantailako erabiltzaile-interfazearen elementuetan eta erlazionatutako markan ikusgai. Ember Orange baino tonu bat beroagoa, hautatutako edo aktibo dauden aplikazioen egoerak azpimarratzen ditu. - Sky Blue
#00a9dd— Aplikazioaren barneko datu-kategorien (karbohidratoak/proteinak/beste mantenugai-talde batzuk) kontraste atsegina. Telefonoaren diseinuetan kolore-paleta bero eta nagusia orekatzen du. - Mist Blue
#72a2c5— Azentu fresko isila - Zeru urdinaren kolorea leuntzen du aplikazioaren barruko datu-etiketa eta grafikoen atzeko plano gehigarrietarako. - Sunset Orange
#ff6d00— Bigarren mailako izenburuetarako eta marketin orrialdeetako nabarmendutako testuetarako azentu beroa.
Tipografia
12tik 60px-ra · 7 urrats
- Aquawax Pro Medium — ordezkapena: Inter · eskemak 500 · Aquawax Pro Medium - Ateratako datuetan aurkitu da, baina ez du adimen artifizialak deskribatu.
- Aquawax Pro — ordezkapena: Nunito Sans · eskemak 700, 500, 600 · Markaren letra-tipo nagusia testuinguru guztietan erabiltzen da, goiburuetan eta testuaren gorputzean barne. Letra-tipo pertsonalizatu honek letra-altuera zabalak, forma geometriko biribilduak eta proportzio erosoak ditu. Lodia (700) goiburu eta ataletarako erabiltzen da, sistemaren mugarri tipografikoak direnak. Erdi-lodia (600) azpitituluetarako eta botoien etiketetarako erabiltzen da, 14-1,8 mm-ko neurrian. Ertaina (500) gorputzerako erabiltzen da, 17-1,8 mm-ko neurrian, irakurketa erosoa lortzeko lerroarteko tarte nahikoa izanik 1,6-1,8 mm-koa.
- System sans-serif — ordezkapena: Inter · eskemak 400, 700 · Erabiltzaile interfazean testu oso txikietarako eta ikono-testuetarako ordezko aukera bat erabiltzen da. Aquawax Pro ez da mikro-tamainetan erabiltzen; sistemaren letra-tipoek hauek kudeatzen dituzte errendatzearen pisua murrizteko.
Tarteak eta forma
| Helburua | Esanahia |
|---|---|
| Dentsitatea | zabal |
| Oinarrizko urratsa | 20px |
| Botoiaren erradioa | 26px |
| Txartelaren erradioa | 26px |
| Itzalak | ez - itzalen ordez ertzak |
| Atalen artean | 96px |
| Orriaren zabalera | 1200px |
Adimen artifizialak zure webgunea Foodnoms estiloan eraikiko du eta beteko du
- Bete produktu eta argitalpenekin estekaren bidez - Instagram, TikTok, Facebook.
- Transferitu edukia zure gune zaharretik: zehaztu helbidea.
- Diseinu modernoa motor onenean: React ( Next.js) zerbitzariaren errendatzearekin eta SEO optimizazioarekin hasieratik.
- Bilaketa-emaitzetarako eta sare neuronalen gomendioetarako SEO optimizazio guztiz automatizatua.
Estilo antzekoak
- Slite — Terrakota koloreko heldulekudun pergaminozko koaderno epela —gainazal guztia krema koloreko papera da, azentu bakoitza laranja ukitu sotil batekin.
- Adora — Inpresionismoaren Museoa beira izoztuaren atzean
- Bento — Bento bazkari-kutxa bat eguzki-argiztatutako linoleoan. Lima, izpiliku, kobalto eta borgoña koloreko txartel biribildu eta eranskailu itxurako sare bat, bakoitza tinta beltz lodiz markatua, liho krematsu bero baten gainean dago, izenburu geometriko ausart baten azpian.
- Payments — Zitrikoen tonu bizia, more more baten atzealdean. More elektriko sakonak gaueko zerua ekartzen du gogora, eta limoi horiko azentuek zitrikoen azal freskoa bezala distiratzen dute gainazal zuri garbi baten gainean.
- Textla — Sunny Retro Botanical Almanac - Krema koloreko orrialde horia berde ilunez inprimatua, kaktusen ilustrazioekin itzal zorrotz eta desplazatuetan marraztuta
- AI for Business — Brutalista erredakzio-erakusleihoa gris tonu beroetan
- Superhuman — Urrezko Orduko erredakzio-batzordea
- Visitors — ingeniaritza marrazki zuria
- Vercel — Terminala paper zurian inprimatuta
- Jeton — Fintech-i buruzko editorial bat marmol epelaren gainean
- Say Briefly — Krema-paperean egindako sormen-agentziaren zirriborro-koadernoa
- ClickUp — Marmol zuriaren gaineko aginte-panel indartsua. Orrialdea produktibitate-tresna baten produktu-liburuxka bat da, beraz, hizkuntza bisuala produktutik bertatik hartua da: zerrenda trinkoak, egoera-adierazleak, avatarren taldeak eta produktuaren zehaztapen baten itxura duten adierazpen tipografiko lodiak.