Foodnoms
Piață de fructe însorită pe porțelan alb - portocale calde, verdețuri proaspete și forme rotunjite voluminoase
Foodnoms folosește un limbaj de marketing lejer pentru urmărirea nutriției: o pânză albă curată, machete de telefoane supradimensionate ca ancore vizuale și un vocabular jucăuș de culori, unde culorile reprezintă nutrienții și progresul. O schemă de antet în două culori (o culoare pentru cuvântul cheie, grafit închis pentru restul) permite o evaluare rapidă a propunerii de valoare. Sistemul se bazează pe un singur afișaj pentru utilizator (Aquawax Pro) cu caracteristici geometrice distinct rotunjite, care atenuează ecranele aplicațiilor pline de date. Majoritatea suprafețelor sunt plate și fără umbre; raza uniformă a colțurilor conferă butoanelor, cardurilor și etichetelor o senzație prietenoasă și moale, făcând ca urmărirea stării de sănătate să pară mai accesibilă decât cea clinică.
Pagina prezintă un aspect pe o singură coloană, centrat, pe lățime completă (~1200px) cu un ritm vertical generos. Antetul este o bară superioară subțire cu sigla în stânga, navigarea centrată și un buton de acțiune portocaliu plin în dreapta. Secțiunea principală este o stivă centrată: un titlu în două culori, un subantet pe o singură linie, o pictogramă App Store și apoi un rând de 3-5 machete de telefoane, răspândite pe lățime. Sub secțiunea principală se află o secțiune centrată cu sigla de presă „Conform recomandărilor”, într-o grilă de 2x3. Secțiunile principale urmează un model repetitiv: text pe două coloane + machetă de telefon, laturi alternând, cu titluri de secțiuni accentuate în portocaliu/verde. Ultimul element dinaintea subsolului este un card de îndemn la acțiune descărcabil pe lățime completă. Marginile dintre secțiuni sunt generoase (96px), creând o senzație spațioasă, asemănătoare unei galerie. Navigarea este o bară superioară minimalistă - fără bară laterală sau mega-meniu.
Limbajul vizual al aplicației este dominat de machete de iPhone de înaltă calitate care prezintă interfața funcțională a aplicației - acestea sunt elementele principale, nu fotografii de stoc. Machetele sunt afișate cu o transparență aproape totală, extinse cu o ușoară suprapunere și o rotație lină și poziționate direct pe un fundal alb. În cadrul machetelor, componenta vizuală este asigurată de interfața proprie a aplicației: informații nutriționale, fotografii de produse, inele macro și etichete colorate de categorii. Singurul conținut fotografic este reprezentat de imaginile cu alimente trimise de utilizatori, vizibile pe ecranul camerei aplicației Scan Your Food. Nu există fotografii cu stil de viață, ilustrații abstracte, grafică decorativă. Brandingul este definit în întregime de fontul personalizat, schema de culori portocaliu/verde/închis și interfața proprie a aplicației.
Paletă
Marca
- Ember Orange
#ff5406— Portocaliul este folosit ca accent secundar pentru detalii decorative și pentru a evidenția indicii rare. Nu ar trebui folosit ca și culoare principală pentru îndemnuri la acțiune.
Neutru
- Graphite
#2f2f2f— Text principal, butoane întunecate (pictograma App Store) și contururi ale pictogramelor. O culoare predominantă nealbă în titluri și în corpul textului. - Verdant Green
#00b33f— Culoarea verde servește ca accent suplimentar pentru detaliile decorative și pentru a accentua frecvențele joase. - Signal Red-Orange
#ff3400— Un accent cald secundar, vizibil în elementele interfeței utilizator a ecranului aplicației și în branding-ul aferent. Cu un ton mai cald decât Ember Orange, accentuează stările selectate sau active ale aplicației. - Sky Blue
#00a9dd— Un contrast plăcut pentru categoriile de date interne ale aplicației (carbohidrați/proteine/alte grupuri de nutrienți). Echilibrează paleta de culori calde, dominantă, din layout-urile telefonului. - Mist Blue
#72a2c5— Accent rece estompat - Atenuează culoarea albastru cer pentru etichete de date suplimentare și fundaluri de diagrame în cadrul aplicației. - Sunset Orange
#ff6d00— Un accent cald pentru titlurile secundare și textul evidențiat pe paginile de marketing.
Tipografie
de la 12 la 60px · 7 pași
- Aquawax Pro Medium — înlocuire: Inter · contururi 500 · Mediu Aquawax Pro - Se găsește în datele extrase, dar nu este descris de inteligența artificială.
- Aquawax Pro — înlocuire: Nunito Sans · contururi 700, 500, 600 · Fontul principal al mărcii, utilizat în toate contextele, inclusiv în titluri și text. Acest font personalizat prezintă litere cu înălțimi mari, forme geometrice rotunjite și proporții confortabile. Bold (700) este utilizat pentru titluri și secțiuni - reperele tipografice ale sistemului. Semibold (600) este utilizat pentru subtitluri și etichete de butoane, la 14–1,8 mm. Medium (500) este utilizat pentru text, la 17–1,8 mm, cu o spațiere suficientă între rânduri de 1,6–1,8 mm pentru o citire confortabilă.
- System sans-serif — înlocuire: Inter · contururi 400, 700 · O opțiune de rezervă este utilizată pentru text foarte mic și textul pictogramelor în interfața utilizator. Aquawax Pro nu este utilizat la dimensiuni micro; fontul sistemului gestionează aceste caracteristici pentru a reduce greutatea randării.
Intervale și formă
| Scop | Sens |
|---|---|
| Densitate | spațios |
| Pasul de bază | 20px |
| Raza butonului | 26px |
| Raza cardului | 26px |
| Umbre | fără - margini în loc de umbre |
| Între secțiuni | 96px |
| Lățimea paginii | 1200px |
Inteligența artificială vă va construi site-ul web în stilul Foodnoms și îl va completa
- Completează cu produse și postări prin link - Instagram, TikTok, Facebook.
- Transferați conținut de pe vechiul site - specificați doar adresa.
- Design modern pe cel mai bun motor: React ( Next.js) cu randare pe server și optimizare SEO gata de utilizare.
- Optimizare SEO complet automatizată pentru rezultatele căutării și recomandări de rețele neuronale.
Stiluri similare
- Slite — Un caiet pergament cald cu mâner teracotă – fiecare suprafață este din hârtie crem, fiecare accent o subtilă notă portocalie.
- Adora — Muzeul Impresionismului în spatele vitraliilor mate
- Bento — O cutie de prânz bento pe linoleum luminat de soare. O grilă de cartonașe rotunjite, asemănătoare unor autocolante, în culorile lime, lavandă, cobalt și bordo, fiecare conturată cu cerneală neagră groasă, se află pe o pânză caldă și cremoasă, sub un titlu geometric îndrăzneț.
- Payments — O nuanță vibrantă de citrice pe un fundal de violet regal. Mov-ul electric intens evocă cerul nopții, în timp ce accentele de galben lămâie strălucesc ca o coajă proaspătă de citrice pe o suprafață albă curată.
- Textla — Almanah Botanic Retro Sunny - Pagină galbenă crem, tipărită în verde închis, cu ilustrații de cactuși redate în umbre clare și decalate
- AI for Business — Showroom editorial brutalist în tonuri calde de gri
- Superhuman — grup editorial al orei de aur
- Visitors — desen ingineresc alb
- Vercel — Terminal imprimat pe hârtie albă
- Jeton — Un editorial despre fintech pe marmură caldă
- Say Briefly — Caiet de schițe pentru agenție de creație pe hârtie crem
- ClickUp — Un tablou de bord puternic pe marmură albă. Pagina este o broșură de produs pentru un instrument de productivitate, așa că limbajul vizual este împrumutat din produsul în sine: liste dense, indicatori de stare, grupuri de avatare și declarații tipografice îndrăznețe care arată ca o specificație de produs afișată.