Pagina iniziale

Riferimento interno

Sistema visivo

Token, tipografia, marchio e componenti di base usati in tutto il prototipo. Ogni testo rispetta un contrasto di almeno 4.5:1.

Colori del marchio

Proporzione indicativa: 60% crema e bianco, 30% teal, 10% verde e ambra.

L'ambra non si usa mai per avvisi o errori

Su fondo crema o bianco l'ambra compare solo come elemento grafico: punto del logo, badge pieni con testo teal, barre di progresso dei traguardi.

Colori di stato

Sempre con icona e testo. Il testo di stato si appoggia su bianco o sulla propria tinta, mai su crema.

Obiettivo raggiuntoAderenza in caloAllergia: frutta a guscioCheck-in ricevuto

Check-in non compilato da 9 giorni

Marco Ferri non ha inviato l'ultimo check-in settimanale.

Marchio

Il nome si scrive sempre in minuscolo. Il simbolo non si ruota: il punto sta sempre in basso a destra.

16px
24px
32px
48px
72px

Variante light su bianco. Sotto i 32 px anello e filo di vuoto si ispessiscono.

16px
24px
32px
48px
72px

Variante dark sulla sfumatura teal con il motivo ad anelli.

Su crema, monocromatico, solo nome

Tipografia

Poppins Bold per il nome e i titoli; Inter per interfaccia e testi.

Etichetta · 12.5 px maiuscolo spaziato

Come sta andando questa settimana?

Il piano è pronto da rivedere

Corpo del testo in Inter 400 a 15.5 px. La bozza tiene conto dell'obiettivo, dell'anamnesi e delle allergie indicate nella scheda: va verificata e approvata prima dell'invio.

Testo secondario in ink-muted, per descrizioni e metadati.

Pulsanti

Altezza minima 44 px. I pulsanti con sola icona hanno sempre un'etichetta per i lettori di schermo.

Badge e progressi

AttivoIn studioOnlinePiano inviatoTraguardo raggiunto

Aderenza della settimana · 78%

Verso il traguardo · 3 kg su 5

Contenuti dell'assistente

L'assistente prepara, il professionista decide. Ogni contenuto generato è etichettato e richiede approvazione.

Bozza generata dall'assistente: va verificata e approvata da te

Fabbisogno stimato 1.750 kcal. Esclusi frutta a guscio e derivati per l'allergia indicata in anamnesi.

Risposta suggerita

Suggerita dall'assistente

Approva, modifica o riscrivi prima dell'invio.

Ciao Sara, puoi sostituire il salmone con lo sgombro indicato tra le alternative: stessa quantità, 120 g.

Stai parlando con un assistente automatico. Le risposte si basano sul piano approvato dal tuo nutrizionista.

Controlli interattivi

Obiettivo, piano attivo, aderenza e prossimi passi.

Motivo grafico

Anelli concentrici sottili sulla sfumatura teal. Con parsimonia: login, schermate vuote, onboarding, vetrina.