Foodnoms
Mercatu di frutta assulanatu nantu à porcellana bianca - aranci caldi, verdi freschi è forme arrotondate voluminose
Foodnoms presenta un linguaghju di marketing ligeru per u seguimentu di a nutrizione: una tela bianca pulita, mockup di telefoni sovradimensionati cum'è ancore visuali, è un vucabulariu di culori scherzosu induve i culori rapprisentanu i nutrienti è u prugressu. Un schema d'intestazione à dui culori (un culore per a parola chjave, grafite scura per u restu) permette una rapida valutazione di a pruposta di valore. U sistema si basa nantu à un display unicu per l'utente (Aquawax Pro) cù caratteristiche geometriche distintamente arrotondate chì addulciscenu i schermi di l'app pieni di dati. A maiò parte di e superfici sò piatte è senza ombre; u raghju uniforme di l'angulu dà à i buttoni, e carte è l'etichette una sensazione amichevule è dolce, rendendu u seguimentu di a salute più accessibile chè clinicu.
A pagina presenta un layout à una sola colonna, centratu, à larghezza piena (~1200px) cù un ritmu verticale generosu. L'intestazione hè una barra superiore fina cù u logu à manca, a navigazione centrata è un buttone d'azione aranciu pienu à diritta. A sezione eroe hè una pila centrata: un titulu bicolore, un sottutìtulu à una sola linea, un'icona di l'App Store, è dopu una fila di 3-5 mockup di telefoni spargugliati in tutta a larghezza. Sottu à a sezione eroe ci hè una sezione di logu di stampa centrata "Cum'è cunsigliatu" in una griglia 2x3. E sezioni di funzione seguitanu un schema ripetutu: testu à duie colonne + mockup di telefunu, lati alternati, cù intestazioni di sezione accentuate in aranciu/verde. L'ultimu elementu prima di u piè di pagina hè una carta CTA scaricabile à larghezza piena. I gutter trà e sezioni sò generosi (96px), creendu una sensazione spaziosa, simile à una galleria. A navigazione hè una barra superiore minimalista - senza barra laterale o mega menu.
U linguaghju visuale di l'app hè duminatu da mockup di cornici iPhone di alta qualità chì mostranu l'interfaccia di travagliu di l'app - questi sò l'elementi primari, micca foto stock. I mockup sò visualizati cù una trasparenza quasi tutale, spartuti cù una ligera sovrapposizione è una rotazione liscia, è pusizionati direttamente nantu à un sfondate biancu. In i mockup, a cumpunente visuale hè furnita da l'interfaccia stessa di l'app: informazioni nutrizionali, foto di i prudutti, anelli macro è tag di categuria culuriti. L'unicu cuntenutu fotograficu sò l'imagine di l'alimentu inviate da l'utente visibili nantu à u schermu di a camera di l'app Scan Your Food. Ùn ci sò foto di stile di vita, nè illustrazioni astratte, nè grafica decorativa. U branding hè interamente definitu da u carattere persunalizatu, u schema di culori aranciu/verde/scuru è l'interfaccia stessa di l'app.
Paletta
Marca
- Ember Orange
#ff5406— L'aranciu hè adupratu cum'è accentu secundariu per i dettagli decorativi è per mette in risaltu i segni pocu frequenti. Ùn deve esse adupratu cum'è culore primariu per e chjame à l'azzione.
Neutru
- Graphite
#2f2f2f— Testu primariu, buttoni scuri (icona di l'App Store) è contorni di l'icone. Un culore predominante micca biancu in i tituli è in u corpu di u testu. - Verdant Green
#00b33f— U culore verde serve cum'è un accentu supplementu per i dettagli decorativi è per enfatizà e basse frequenze. - Signal Red-Orange
#ff3400— Un accentu caldu secundariu, visibile in l'elementi di l'interfaccia utente di u screnu di l'app è in u branding cunnessu. Un tonu più caldu chè Ember Orange, mette in risaltu i stati di l'app selezziunate o attive. - Sky Blue
#00a9dd— Un cuntrastu piacevule per e categurie di dati interni di l'app (carboidrati/proteine/altri gruppi di nutrienti). Equilibra a paleta di culori caldi è dominanti in i layout di u telefunu. - Mist Blue
#72a2c5— Accentu Frescu Silenziatu - Ammorbidisce u culore turchinu celu per etichette di dati supplementari è sfondi di grafichi in l'app. - Sunset Orange
#ff6d00— Un accentu caldu per i tituli secundarii è u testu evidenziatu nantu à e pagine di marketing.
Tipografia
da 12 à 60px · 7 passi
- Aquawax Pro Medium — rimpiazzamentu: Inter · contorni 500 · Aquawax Pro Medium - Truvatu in i dati estratti ma micca discrittu da l'IA.
- Aquawax Pro — rimpiazzamentu: Nunito Sans · contorni 700, 500, 600 · U carattere principale di a marca utilizatu in tutti i cuntesti, cumpresi i tituli è u corpu di u testu. Stu carattere cuncipitu persunalizatu presenta altezze di lettere larghe, forme geometriche arrotondate è proporzioni cunfurtevuli. Grassettu (700) hè utilizatu per i tituli è e sezioni - i punti di riferimentu tipografici di u sistema. Semigrassettu (600) hè utilizatu per i sottotituli è l'etichette di i buttoni à 14-1,8 mm. Mediu (500) hè utilizatu per u corpu di u testu à 17-1,8 mm, cù una spaziatura di linea sufficiente di 1,6-1,8 mm per una lettura cunfurtevule.
- System sans-serif — rimpiazzamentu: Inter · contorni 400, 700 · Una opzione di riserva hè aduprata per u testu assai chjucu è u testu di l'icone in l'interfaccia utente. Aquawax Pro ùn hè micca adupratu à dimensioni micro; u caratteru di u sistema gestisce queste per riduce u pesu di rendering.
Intervalli è forma
| Scopu | Significatu |
|---|---|
| Densità | spaziosu |
| Passu basicu | 20px |
| Raggiu di u buttone | 26px |
| Raggiu di a carta | 26px |
| Ombre | nò - bordi invece di ombre |
| Trà e sezioni | 96px |
| Larghezza di a pagina | 1200px |
L'IA custruisce u vostru situ web in stile Foodnoms è u riempirà
- Riempite cù prudutti è publicazioni via u ligame - Instagram, TikTok, Facebook.
- Trasferisce u cuntenutu da u vostru vechju situ - basta à specificà l'indirizzu.
- Design mudernu nant'à u megliu mutore: React ( Next.js) cù rendering di u servitore è ottimizazione SEO pronta per l'usu.
- Ottimizazione SEO cumpletamente automatizata per i risultati di ricerca è e raccomandazioni di rete neurale.
Stili simili
- Slite — Un quaderno di pergamena calda cù un manicu di terracotta - ogni superficia hè di carta crema, ogni accentu un toccu sottile d'aranciu.
- Adora — U Museu di l'Impressionismu daretu à u vetru smerigliatu
- Bento — Una scatula di pranzu bento nantu à linoleum illuminatu da u sole. Una griglia di carte arrotondate, cum'è adesivi, in lime, lavanda, cobalto è bordeaux, ognuna delineata cù inchiostru neru grossu, si trova nantu à un linu caldu è cremosu sottu à un titulu audace è geometricu.
- Payments — Una tinta agrumata vibrante contr'à un sfondate di viola reale. U viola elettricu prufondu evoca u celu notturnu, mentre chì l'accenti gialli limone brillanu cum'è una scorza fresca d'agrumi contr'à una superficia bianca pulita.
- Textla — Almanaccu Botanicu Retro Sunny - Pagina gialla crema stampata in verde scuru cù illustrazioni di cactus resi in ombre nitide è sfalsate
- AI for Business — Showroom editoriale brutalista in toni caldi di grisgiu
- Superhuman — pannellu editoriale di l'ora d'oru
- Visitors — disegnu d'ingegneria biancu
- Vercel — Terminale stampatu nantu à carta bianca
- Jeton — Un editoriale nantu à a fintech nantu à u marmaru caldu
- Say Briefly — Quadernu di schizzi di l'agenzia creativa nantu à carta crema
- ClickUp — Un pannellu di cuntrollu putente nantu à u marmaru biancu. A pagina hè una brochure di pruduttu per un strumentu di produttività, dunque u linguaghju visuale hè pigliatu in prestitu da u pruduttu stessu: liste dense, indicatori di statu, gruppi di avatar è dichjarazioni tipografiche in grassetto chì parenu una specificazione di pruduttu in mostra.